在文档后面使用材料图标

Question

我正在尝试在我的角度4项目中实现和使用材质图标，但我遇到了一个奇怪的问题。

我有2个与2个不同模块相关的不同html文件：

• interventi.component.html
• sync.component.html

我创建了一个材料模块，用于导入和导出我需要的所有mat组件（模块），包括MatIconModule。

• interventi.module.ts进口材料模块。
• sync.module.ts导入材料模块。

现在听听：

1）在interventi.component.html中，我正在显示带有

的素材图标

 <mat-icon aria-hidden="true" class="material-icons md-18" matSuffix (click)="customerModel = null">delete</mat-icon>

2）在sync.component.html内部我不能做同样的事情。 Intellij识别标签，但我不会看到图标，即使我尝试复制上面显示的所有代码行，我也会看到“删除”文本。

正如谷歌的文档所说，我已经把这个链接

了

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

在我的 index.html。

中

我做错了什么？

我即将投入使用材料图标，将导入链接放在所有使用材质图标的html.files中。

我也很困惑这两种方法来实现材料图标......

有关信息完成，请参阅材料模块：

import { NgModule } from '@angular/core';
import {CdkTableModule} from "@angular/cdk/table";


import {
        [...others..],
        MatIconModule,
        [...others..]
} from '@angular/material';


@NgModule({
    imports: [
        [...others..],
        MatIconModule,
        [...others..]
    ],
    exports: [
        [...others..],
        MatIconModule,
        [...others..]
    ]
})
export class MaterialModule {}