字体真棒图标未在材质对话框中呈现

Question

我遇到了一个奇怪的问题，我无法在 Material Popup Dialog 组件中使用 fontawesome 图标。

我尝试的第一步是删除对话框中的所有内容，并简单地将代码粘贴到我想要的图标中。

<mat-icon fontSet="fontawesome" fontIcon="fa-image"></mat-icon>

那没有用。但是，这与我在调用此对话框的组件中使用的代码完全相同。我实际上通过单击图标来调用对话框。

因此，在我看来，该问题仅针对弹出对话框。这是角度问题还是物质问题？我不知道还有什么办法可以解决这个问题。

另外请记住，我安装了 fontawesome v4.7.0 并且我正在使用 Angular CLI。我在 styles.scss 中有@import '~font-awesome/css/font-awesome.min.css';

我还在我的 app.component.ts 中设置了构造函数，如材料文档中指定的那样。

constructor(MdIconRegistry: MatIconRegistry ){  MdIconRegistry.registerFontClassAlias('fontawesome', 'fa'); }

我的组件也应该嵌入到我的 app.module.ts 中的 entryComponents 中声明的弹出对话框中，按照材料文档的要求。

Here is a link to material docs

Answer 1

尝试将fontSet="fontawesome" 更改为：

<mat-icon fontSet="fa" fontIcon="fa-times-circle"></mat-icon>

我假设你已经导入了MatIconModule，以防万一因为你没有提到它。