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

Question

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

我有一个选项卡组，但我不希望用户在不首先填写所需控件的情况下能够更改到下一个表单。相反，我希望用户只能使用下一步和后退按钮进行导航，我将根据验证启用这些按钮。

Answer 1

我会用下面的 css 来做

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

Plunker Example