Angular 4如何禁用角度材质选项卡组中的选项卡导航?

时间:2017-07-16 05:28:47

标签: angular angular-material

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

我有一个标签组,但我不希望用户能够在不填写所需控件的情况下更改为下一个表单。相反,我希望用户只能使用我将根据验证启用禁用的下一个和后退按钮进行导航。

1 个答案:

答案 0 :(得分:4)

我会通过使用以下css

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

<强> Plunker Example