1

我根据 Angular 文档实现了 Angular Material mat 选项卡和 mat 选项卡组，但是当我点击选项卡 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>

4

1 回答 1

1

答案是禁用波纹（disableRipple）

<mat-tab-group animationDuration="1000ms" disableRipple>
于 2019-06-18T02:02:08.243 回答