Угловые материалы Mat Tab Group / Поведение ширины мата - PullRequest
0 голосов
/ 18 июня 2019

Я реализовал вкладки матов Angular Material и группу вкладок матов в соответствии с документацией Angular, но у меня возникает проблема, когда я нажимаю на вкладку 2, а затем возвращаюсь к вкладке 1.Размер на несколько мгновений становится большим для первой вкладки, а затем возвращается к нормальному состоянию:

На второй вкладке и нажмите вкладку один On tab two and hit tab one

НесколькоСпустя несколько мгновений после нажатия кнопки Tab он возвращается к нормальному состоянию A few moments later after hitting 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>

1 Ответ

0 голосов
/ 18 июня 2019

Ответ - отключить пульсацию (disableRipple)

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