Angular 4如何在Angular Material选项卡组中禁用选项卡导航？

Question

3

<md-tab-group>
  <md-tab label="Tab 1">Content 1</md-tab>
  <md-tab label="Tab 2">Content 2</md-tab>
</md-tab-group>

我有一个标签组，但我不希望用户在填写必填控件之前能够切换到下一个表单。相反，我希望用户只能使用“下一步”和“返回”按钮进行导航，这些按钮将根据验证情况启用或禁用。

- John Miller

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- yurzui · Accepted Answer

我会使用以下CSS来实现。

::ng-deep .mat-tab-label {
   pointer-events: none;
}