角度材质MatGridListModule不起作用。 （md-grid-tile）未显示文字

Question

您好我正在尝试在我的项目中使用角度材质。这是我在html文件中编写的代码。

我想在 mat-toolbar

中使用 mat-grid

<mat-toolbar color="primary">
  <mat-grid-list cols="3">
    <mat-grid-tile>
      left
    </mat-grid-tile>
    <mat-grid-tile>
      center
    </mat-grid-tile>
    <mat-grid-tile>
      right
    </mat-grid-tile>
  </mat-grid-list>
</mat-toolbar>

我已经导入 MatToolbarModule ， MatGridListModule 在app模块中，控制台中没有错误。 我无法在工具栏中看到任何文字。任何人都可以帮忙吗？

Answer 1

您是否包含默认主题？ see docs

将@import "~@angular/material/prebuilt-themes/indigo-pink.css";添加到您的styles.css文件中，您的工具栏应显示。

我还认为mat-grid-list

中不允许使用mat-toolbar

Answer 2

我遇到了同样的问题。

尝试此线程。

Create a Responsive Toolbar using Angular Material