Angular Material 图标不起作用

Question

我已经为 angular 安装了 Material，

我已经在我的应用程序模块中导入了 MatIconModule(使用 import { MatIconModule } from '@angular/material/icon';)

我已将它添加到我的 ngmodule imports 下:

@NgModule({
    imports: [ 
//...
MatIconModule, 
//...

我已经导入了所有样式表

而且我还在我的应用程序组件中导入了它，该组件实际上(试图)使用它们(使用另一个 import {MatIconModule} from '@angular/material/icon'; 行它的开头)。

但 Material 图标仍然没有出现。

例如，这一行:

<button mat-icon-button (click)="snav.toggle()"><mat-icon>menu</mat-icon></button>

我期待这样的事情:

但是我明白了:

有什么建议吗？

Answer 1

为 Material 图标添加 CSS 样式表!

将以下内容添加到您的 index.html:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

引用 - https://github.com/angular/material2/issues/7948