问题标签 [angular-fontawesome]

我正在尝试在 Angular 10 应用程序中使用 HTML2Canvas ( https://html2canvas.hertzen.com/ ) 和 PdfMake 将 html 页面导出为 pdf。

问题是 FortAwesome 图标没有出现在生成的画布中。

在 component.html 中使用我的图标如下：

在我的 component.ts 中：

我读到这个问题可能是由于没有在画布上添加字体引起的，但我不知道如何实现。有任何想法吗 ？

谢谢你。

因此，我使用 DataTable 来显示一些数据，并像这样在 app.ts 文件中对其进行初始化；

但是这样，fa-icon不会在前端呈现。它只是在 dom 上显示为这样；

如何以编程方式将此图标添加到我的表格单元格中？

我正在项目中运行我的测试用例。执行测试用例时，我面临以下错误。尽管他们没有破坏我的测试用例，但仍在控制台中打印大量日志。

我正在开发 Angular v11。

应用程序模块

events.component.html

包.json

如果您需要我提供的任何进一步信息，请告诉我。

最近，我使用安装程序提供的免费品牌 svg 图标、常规 svg 图标和纯 svg 图标为 Angular 11 项目安装了 npm包版本 0.8，它没有显示基于字体的图标选项进行安装。但是，除了将这些图标用作模块之外，我还希望以标准方式使用它们，例如：<span class="fas fa-chevron-left"></span>在 Telerik 组件中使用，例如：

与fortawesome一起安装的唯一css文件是fontawesome-svg-core文件夹下的styles.css，它不包含图标。

作为一种解决方法，我还以这种方式安装了 fontawesome：

npm install font-awesome –save

然后，我将 scss 引用添加到 styles.scss 文件中，但这会复制库。

我怎样才能通过 fortawesome 实现这一目标？

谢谢

我可以在 Angular 中嵌入一个很棒的字体图标。如文档中所述：https ://www.npmjs.com/package/@fortawesome/angular-fontawesome 。这行得通。

home.component.html

一旦我在 svg 中嵌入了一个很棒的字体图标，该图标就不会出现。它确实存在于 DOM 中。我的代码编辑器（VS-code）将 fa-icon 标记为红色。

home.component.html

html输出

我应该如何在 svg 中嵌入并看到一个很棒的字体图标？

我正在尝试按照ng-bootstrap 的表格教程sort将、sortUp和sortDown图标设置为我的表格标题。

有一个NgbdSortableHeader指令可以改变列的排序：

以及具有表格的组件：

我想知道是否有办法访问当前列排序顺序并替换项目中的图标或隐藏它们。

我正在尝试使用 Angular Fontawesome 堆叠两个 fa 图标。到目前为止，我有这个：

这可以按我的意愿工作，但是第二个图标，即文件图标，即使有边距，甚至使用 text-align: center，也不会在圆圈内居中。谁能帮我解决这个问题？由于无法在我的 PC 上使用我的 fb 帐户登录，我从手机发帖，因此我对任何格式错误深表歉意。

我在我的 Angular 应用程序中完成了npm installfor font-awesome 图标，我的package.json包含：

在我的 中app.module.ts，我导入了 font-awesome：

在我的组件中，

现在，当我 <fa-icon [icon]="faCoffee"></fa-icon>在我的组件 html 中使用 , 时，我可以成功显示咖啡杯图标。现在我需要显示 facebook,instagram和之类的社交图标twitter，但是当我尝试<fa-icon [icon]="faFaceBook"></fa-icon>, 等时，没有图标出现。任何人都可以为我提供正确的文本以在 [icon]= 中使用这些社交图标吗？为了<fa-icon [icon]="?"></fa-icon>

是否可以在 sweetalert2 标题中使用 angular-fontawesome 图标？我试过了，但它不起作用，图标不显示，检查器显示大小为 0x0。我尝试覆盖样式，但我对 CSS 不是很好。