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

Question

我遇到一个奇怪的问题，我不能在材质弹出对话框组件中使用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

尝试将<?php foreach ($annualOperatingBudget->budget_expenses as $expense): ?> 更改为：

fontSet="fontawesome"

我假设您已导入<mat-icon fontSet="fa" fontIcon="fa-times-circle"></mat-icon> ，以防万一因为您没有提及它。