Angular 4如何禁用角度材质标签组中的标签导航?

Angular 4如何禁用角度材质标签组中的标签导航?

问题描述:

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

我有一个选项卡组,但我不希望用户能够更改为下一个窗体,而无需先填充所需的控件。相反,我希望用户只能使用下一个和后退按钮进行导航,我将根据验证启用禁用。Angular 4如何禁用角度材质标签组中的标签导航?

我会使用以下CSS

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

Plunker Example