Angular material 角度材质材质“材质”选项卡组/材质选项卡宽度行为

Angular material 角度材质材质“材质”选项卡组/材质选项卡宽度行为,angular-material,angular-material-7,Angular Material,Angular Material 7,我根据Angular文档实现了Angular Material mat tab和mat tab group,但是当我点击tab 2然后返回tab 1时遇到了一个问题。第一个选项卡的大小会变大,然后恢复正常: 在选项卡2上点击选项卡1 几分钟后,点击tab one后,它会恢复正常 代码很简单: <div *ngIf="auth.isLoggedIn()"> <mat-tab-group animationDuration="1000ms"> <mat-ta

我根据Angular文档实现了Angular Material mat tab和mat tab group,但是当我点击tab 2然后返回tab 1时遇到了一个问题。第一个选项卡的大小会变大,然后恢复正常:

在选项卡2上点击选项卡1

几分钟后,点击tab one后,它会恢复正常

代码很简单:

<div *ngIf="auth.isLoggedIn()">
<mat-tab-group animationDuration="1000ms">
    <mat-tab label="Real Time Market Info"> 
        <app-stock-monitor></app-stock-monitor>
        <app-sectors></app-sectors>
        <app-news></app-news>
    </mat-tab>
    <mat-tab label="Market Predictor"> TBD </mat-tab>
</mat-tab-group>

待定

答案是禁用ripple(disableRipple)


<mat-tab-group animationDuration="1000ms" disableRipple>