相关疑难解决方法(0)

角度材料选项卡组 - 防止选项卡更改

我使用Angular Material Tabs并且需要一个钩子来检查用户是否可以更改选项卡(表单未/保存)。我找不到任何 API 功能来防止选项卡更改。有任何想法吗?谢谢

tabs angular-material angular

7
推荐指数
2
解决办法
2936
查看次数

Angular Material Tab:如果当前选项卡中的表单脏了,则防止 mat-tab-group 的选项卡更改

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事件,我们也无法阻止选项卡更改。我们只能在选项卡更改后以编程方式切换选项卡。

我有一个技巧可以使它成为可能。如果有人遇到相同的情况,请在此处发布以提供帮助。

typescript angular-material angular mat-tab

3
推荐指数
1
解决办法
9011
查看次数

标签 统计

angular ×2

angular-material ×2

mat-tab ×1

tabs ×1

typescript ×1