问题标签 [angular-fontawesome]

我一直在尝试为博客发布制作表格，并且我希望在标题旁边有可选择的类别图标。

我制作了一个带有可选字体真棒图标的表单，但是当我选择一个类别时，我无法选择另一个类别来再次更改图标。只有当我在每个选择之间使用“无”选项“重置”它时，它才会改变。

但是，当我更改代码以将图标名称用作字符串而不是作为图标输入时，它会随每次选择而改变，正如我所希望的那样。我只是不明白它如何定期更新文本而不是图标。

这是我的实际代码：
[ create.component.html ]

[创建.component.ts ]

由于我无法在 StackBlitz 中加载 Font Awesome CSS（据我所知），这是我可以在那里重现可管理代码的最接近的方法。

我是 Angular 的新手。

我正在构建 Angular 8 应用程序。我们有 font awesome pro 许可证，我已按照以下 URL 中的说明进行操作：

https://fontawesome.com/how-to-use/on-the-web/setup/using-package-managers

在我的 package.json 中：

2. 在我的 angular.json 中：

   “样式”：[“./node_modules/ngx-bootstrap/datepicker/bs-datepicker.scss”、“node_modules/@fortawesome/fontawesome-pro/css/all.css”、“src/app/shared/styles/main .scss"],

3. 在我的 .npmrc 文件中： 我已经替换了我的身份验证令牌

   @fortawesome:registry= https://npm.fontawesome.com/ //npm.fontawesome.com/:_authToken=${FONTAWESOME_NPM_AUTH_TOKEN}

提供上述步骤后。

1. 在我的 app.component.html 文件中： Bootstrap with Fontawesome

我仍然看不到我的图标:(当我检查元素时，我可以看到标签，通过更改标签的各种属性并替换为标签仍然没有运气。

下面是截图：

任何帮助都会很棒。谢谢

我正在使用 Fort Awesome 库在我的 Angular 7 项目中插入图标​​。设置是正确的，因为我可以在我的网页上看到图标。问题是如何将这些图标与 ngClass 一起使用，以便动态更改它们以响应变量的值？这是我的html代码：

锚标记中的切换功能在真假之间更改过滤器[0]['collapse']的值，我想使用这个变量的值（过滤器[0]['collapse']）来动态改变fa-icon 元素中的图标从“减号”变为“加号”。

本来可以使用 Font Awesome 来实现这一点，除非 ngClass 不能与 Font Awesome 元素一起使用来完成我想要实现的目标。

我在 Angular 应用程序中使用了很棒的字体图标（减号和加号）。当我的列表展开时加号图标变为减号，当列表折叠时减号变为加号。出于某种原因，单击该图标会导致重定向到我的主页。我怎样才能防止这种情况发生？我正在寻找的是当单击加号图标时，它会扩展我的列表，但让我保持在同一页面上，当单击减号图标时，它会折叠我的列表，但让我保持在同一页面上（即，不重定向）。这是我的代码：

这是切换功能的代码：

我是否必须更改图标的任何默认设置？如果是，我在哪里可以找到它们以及我应该更改哪些设置？

我有一个带有 sass(SCSS) 的新 angular cli(8+) 项目。我检查了 Fontawesome 文档，发现了多种托管 fontawesome 图标的方法（npm package install、angular package或simple scss）。

我想知道它们之间有什么区别？对于具有 sass 的 Angular CLI 项目，这是推荐的方式。

这是我的html模板：

我正在尝试将工具提示放在 FontAwesome 图标的顶部，并在我单击图标或将鼠标悬停在其上时使其出现。但是，工具提示始终出现在图标的右下角，并且仅在我将鼠标悬停在图标上时才会出现。

这就是我的 index.html 的样子：

index.html 中是否缺少一些 JavaScript 或 jQuery 文件？任何帮助使其工作的帮助将不胜感激。

我正在尝试在我的 Angular 项目中安装Font Awesome 。在终端中使用以下命令安装

它安装成功。现在它给出了依赖错误。

目标入口点“@fortawesome/angular-fontawesome”缺少依赖项： - @fortawesome/fontawesome-svg-core - @fortawesome/fontawesome-common-types

我检查了 package.json 并且这两个都存在。

我究竟做错了什么？

更新 ：

这是所要求的 StackBlitz。

我在这里根据 FontAwesome 的合作者的说明创建了一个 SVG 图标，但这似乎没有以 HTML 格式呈现。尽管它将确切的元素树显示为 FontAwesome 自己的图标。

所以我创建了一个图标，如下tiktok.ts所示assets/icons/

component.ts并以类似 的方式导入

import { faTiktok } from 'assets/icons/tiktok';

在 component.ts 中为其分配变量

并在 HTML 中用作

<fa-icon [icon]="faTiktok" matSuffix size='2x'></fa-icon>

所有这些都显示了与其他 FontAwesome 图标相同的元素树，但不会在页面上呈现。

我在线测试了路径并正确呈现了图标。

知道我可能错过了什么吗？

我正在使用 angular-fontawesome 库作为离子应用程序的一部分。我似乎无法让 fa-layer-counter 组件改变颜色，使其远离默认的红色阴影。

我试过了：

1. 添加一个类来更改 SCSS 背景颜色，如下所示：

2. 点击创建的 span 子元素（带有元素和类名）：

3. 内联样式。
4. 使用背景色以外的样式。

我没有想法，无法进行任何工作。有任何想法吗？

我的 Angular 项目使用来自https://npm.fontawesome.com的模块

我调用命令：

本地并且它很好完成，但是如果在构建服务器中调用这个命令我有一个错误。

.npmrc 文件：

我在构建服务器中有一个错误：

我能做些什么？我哪里错了？