Angular Material选项卡不显示内容

Question

我正在尝试在Angular Material组件文档中创建像this one这样的材质制表符组。

我遇到的问题是标签的内容没有加载/显示。我已经从文档中复制了确切的代码，但仍然没有运气。

我使用的代码：

<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数组中：

imports: [
    BrowserAnimationsModule,
    ...

此外，您无需导入NoopAnimationPlayer

请参阅updated blitz。