Angular Material 选项卡未显示内容

Question

我正在尝试创建一个 Material 选项卡组，如 this one在 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>

I've recreated the issue on StackBlitz

Answer 1

您需要导入 BrowserAnimationsModule在您的 app.module.ts文件:

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

并将其添加到导入数组中:

imports: [
    BrowserAnimationsModule,
    ...

你也不需要导入 NoopAnimationPlayer
见 updated blitz .