角材料Mat Tab组/ Mat Tab宽度行为

Question

我已根据Angular文档实施了Angular Material垫选项卡和垫选项卡组，但是当我点击第二个选项卡然后返回到一个选项卡时，我遇到了一个问题。调整大小后，第一个标签页会暂时变大，然后恢复正常：

在第二个标签上，然后点击第一个标签

点击选项卡一会儿后，它又恢复了正常

代码很简单：

<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>

Answer 1

答案是禁用波纹（disableRipple）

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