角材料选项卡不显示内容

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

参见更新的闪电战 。