如何通过angular 6中的组件访问字体真棒图标

【问题标题】：How to access fontawesome icon via components in angular6如何通过angular 6中的组件访问字体真棒图标
【发布时间】：2019-02-20 16:51:32
【问题描述】：

我在这里找到了带有图标 stackbiltz 的嵌套 sidenav Nested sidenav

这里他们使用 mat-icon 在 sidenav 菜单中显示图标，对于我的项目，大多数图标在 mat-icon 中不可用，所以我打算使用 font-awesome 图标。我需要帮助才能通过组件访问字体真棒图标。我需要这方面的帮助。

【问题讨论】：

标签： angular angular-material-6 angular-fontawesome

【解决方案1】：

Font Awesome 现在有一个官方的 Angular 组件，所有想要在项目中轻松使用图标的人都可以使用它。
按照此处提供的步骤操作
https://fontawesome.com/how-to-use/on-the-web/using-with/angular
一切顺利。如有任何疑问，请告诉我们。

【讨论】：

我在我的项目中安装了 angular font-awesome 也可以显示调用该类，即在任何跨度或 div 或 mat-icon 中。在这种情况下，在 nav-item.ts 文件中具有一个属性 iconName 的 stackbiltz 上，只要我们过去像“home”或“delete”这样的 mat-icon 名称，它就会起作用。我的问题是我需要像我预期的那样字体真棒图标。