我如何在角度中使用品牌 fontawesome 图标答案

【问题标题】：How do i use brand fontawesome icon in angular我如何在角度中使用品牌 fontawesome 图标
【发布时间】：2020-01-15 03:16:43
【问题描述】：

我不能在我的组件中使用字体很棒的品牌图标我尝试导入它，但没有任何图标。

import {faTelegram} from "@fortawesome/angular-fontawesome"; // Has no exported member

但是我们可以看到品牌图标在 fontawesome-5 中可用 https://fontawesome.com/icons/telegram?style=brands

如何使用这个图标！？

【问题讨论】：

你怎么能只在 ts 文件中的图标中使用
您正在导入，但您是否在任何地方使用它？

标签： angular font-awesome-5

【解决方案1】：

帮自己一个忙，至少阅读文档的第一页。

品牌进口自

'@fortawesome/free-brands-svg-icons' // or pro-brands-svg-icons

The documentation (first page) 有一个深入的使用示例

import { faTwitter } from '@fortawesome/free-brands-svg-icons';

// Add an icon to the library for convenient access in other components
library.add(faTwitter);

<fa-icon [icon]="['fab', 'twitter']"></fa-icon>

【讨论】：

您不需要弄乱library - 导入后，您只需将导入的图标分配给组件上的字段（faTwitter=faTwitter;）并加载它（<fa-icon [icon]="faTwitter"></fa-icon>） - 作为他们在文档中解释。
@Guss 将图标放入库中一次似乎比将它们复制到多个组件中要好得多，你不觉得吗？
好点。就我而言，我只在一个组件中使用它（可能是其他组件中的其他图标，但此时没有重复）。我确实想注意github.com/FortAwesome/angular-fontawesome/blob/master/docs/… 处的警告：“这具有长期维护意义，特别是，这意味着如果有人不小心从您的图标库中删除了该图标，使用它的组件将会损坏。”

【解决方案2】：

在 Angular 中使用 FontAwesome 的方法有很多，我建议你使用 npm，这是官方指南。 Link here

【讨论】：

我不问怎么用fontawesome！我问的是品牌图标！
这种方式不导入图标，要直接导入库，然后就可以使用所有的图标了，链接里有程序。
谢谢，解决方法如下