单击选项卡上的mat-tab-group间距更改

Question

我使用的是带有angular4的材质 何时使用以下代码。它正确显示标签 但当我切换标签点击任何标签时，标签之间的空格会发生变化 它变得宽窄，好像应用了一些柔性风格的空间 - 在空间周围等。我没有添加任何额外的样式。 我在<mat-sidenav-content>内使用以下组件，如果这确实有所不同。

<mat-tab-group [@.disabled]="true">
  <mat-tab label="Overview">
    <div>{{routeData.overview}}</div>
  </mat-tab>
  <mat-tab label="API">
    <div>{{routeData.api}}</div>
  </mat-tab>
  <mat-tab label="Examples">
    <div>{{routeData.examples}}</div>
  </mat-tab>
</mat-tab-group>

Answer 1

我自己解决了。

我错过的是，我没有使用任何重要的主题。

所以我刚刚在styles.css中添加了一个材质主题的import语句，如下所述，它有效。

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';