角度材料垫选项卡组/垫选项卡宽度行为答案

【问题标题】：Angular Materials Mat Tab Group / Mat Tab width behavior角度材料垫选项卡组/垫选项卡宽度行为
【发布时间】：2019-06-18 10:02:08
【问题描述】：

我根据 Angular 文档实现了 Angular Material 垫选项卡和垫选项卡组，但是当我点击选项卡 2 然后返回选项卡 1 时遇到了问题。第一个选项卡的大小有一段时间变大了，然后又恢复正常：

在标签二并点击标签一

点击第一个标签后片刻后，它恢复正常

代码很简单：

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

【问题讨论】：

标签： angular-material angular-material-7

【解决方案1】：

答案是禁用波纹（disableRipple）

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

【讨论】：