角材料選項卡不顯示內容

Question

我試圖在Angular Material組件文檔中創建一個像這樣的材質選項卡組。

我遇到的問題是選項卡的內容未加載/顯示。 我已經從文檔中復制了准確​​的代碼，但是仍然沒有運氣。

我使用的代碼：

<mat-tab-group>

  <mat-tab label="One">
    <h1>Some tab content</h1>
    <p>...</p>
  </mat-tab>

  <mat-tab label="Two">
    <h1>Some more tab content</h1>
    <p>...</p>
  </mat-tab>

</mat-tab-group>

我已經在StackBlitz上重新創建了該問題

Answer 1

您需要在app.module.ts文件中導入BrowserAnimationsModule ：

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

並將其添加到導入數組：

imports: [
    BrowserAnimationsModule,
    ...

另外，您也不需要導入NoopAnimationPlayer

參見更新的閃電戰 。