角度材料步进器:禁用标题导航 [英] angular material stepper: disable header navigation

问题描述

我只想通过下一步和后退按钮来导航步进器.

I want to navigate the stepper only through the next and back buttons.

我无法让它工作，因为用户还可以单击每个步骤标签以导航到任何步骤.我不能使用线性，因为它要求每个步骤都有一个 formArray 或 FormGroup.

I can't get this to work since users can also click each step label to navigate to any step. I can't use linear, since it requires each step to have a formArray or FormGroup.

我已经尝试过 .

推荐答案

将此添加到您的样式表中.我试图禁用标题导航.尝试了很多东西，但这个 hack 奏效了.你可以试试这个，直到 Angular Material Team 支持这个功能.

Add this to your style sheet. I was trying to disable the header navigation. Tried many things but this hack worked. You can try this till Angular Material Team support this feature.

::ng-deep .mat-horizontal-stepper-header{
    pointer-events: none !important;
}

这篇关于角度材料步进器:禁用标题导航的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！