我使用Angular Material Tabs并且需要一个钩子来检查用户是否可以更改选项卡(表单未/保存)。我找不到任何 API 功能来防止选项卡更改。有任何想法吗?谢谢
mat-tab如果当前活动选项卡中的表单脏了,我试图阻止 的选项卡更改。
但是我找不到拦截选项卡更改事件的方法。
<mat-tab-group>
<mat-tab label="Tab 0" >
// Tab 0 Content
</mat-tab>
<mat-tab label="Tab 1" >
// Tab 1 Content
</mat-tab>
<mat-tab label="Tab 2" >
// Tab 2 Content
</mat-tab>
</mat-tab-group>
Run Code Online (Sandbox Code Playgroud)
即使有selectedTabChange事件,我们也无法阻止选项卡更改。我们只能在选项卡更改后以编程方式切换选项卡。
我有一个技巧可以使它成为可能。如果有人遇到相同的情况,请在此处发布以提供帮助。