问题标签 [angular-fontawesome]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
300 浏览

angular - Angular - 将 fontawesome 导出到功能模块

在 app.module 中,我得到了关于 fontawesome 的以下几行

如何将它们包含在功能模块中?构造函数部分困扰着我

0 投票
1 回答
1600 浏览

angular - 如何在角度组件中使用字体真棒品牌图标?

我正在尝试在我的 Angular 10 应用程序中使用 Font Awesome Brand Icon。我已经安装了 fontawesome 并尝试使用以下方法导入它:

在我的组件中。然后我将 faDiscord 分配给一个属性,并尝试在我的 html 中像这样使用它:

但是,我的组件现在卡在加载中,我该如何解决这个问题?已经看到了这个问题:我如何在 Angular 中使用品牌 fontawesome 图标

0 投票
1 回答
1093 浏览

html - Fontawesome 图标未显示

我正在尝试在我的移动设备上完全开发一个角度项目。我尝试在我的项目中使用 fontawesome 图标。使用减号方形图标时,它甚至无需创建帐户即可工作。

现在我正在尝试使用温度图标和天气图标。看来我需要一个帐户,所以我做到了。

这根本不显示图标。我尝试了相同的减号方形图标,但它不起作用。这些图标在https://www.w3schools.com/icons/tryit.asp?icon=fas_fa-temperature-high&unicon=f769工作 完全没问题。帮我。我在使用 Angular 的移动设备上工作。

0 投票
2 回答
239 浏览

angular - 在我的角度输入字段中添加很棒的字体

我想在我的输入字段中添加一个很棒的字体图标,而不必使用链接标签,因为我已经将它作为依赖项安装在我的 Angular 应用程序中

必须将此链接标签添加到字体真棒是我的问题,因为我的app.module.ts文件中已经有字体真棒。

如果没有给出有关使用的答案,我会很高兴,@imports因为它与使用链接标签基本相同。谢谢。

0 投票
1 回答
260 浏览

angular - 在Angular中绑定图标时字体真棒不起作用

我创建了一个内容可编辑的 div。用户只需点击按钮即可插入电话号码;整个过程正常,但主要问题是使用字体真棒库插入电话图标。除了应用绑定时的图标外,跨度正常显示,因此在加载html页面时出现相同的跨度并成功显示图标。

如果已绑定,如何解决此问题并使图标成功显示?请注意,可以添加多个跨度(位置和 Web URL 有许多其他跨度)。

我的例子在这里

0 投票
2 回答
463 浏览

angular - 字体真棒图标不显示角度6

我使用 ngx-tree-select 进行多级选择。

https://stackblitz.com/edit/ngx-tree-select

内部下拉字体真棒图标没有显示。检查时,. 我拥有的字体很棒的版本是“@fortawesome/fontawesome-free”:“^5.2.0”,我还安装了最新版本“@fortawesome/fontawesome-free”:“^5.12.0”,但图标仍然不是显示在下拉列表中。

在此处输入图像描述

加号,减号,检查图标没有显示。有人可以帮我摆脱这个问题。

0 投票
2 回答
87 浏览

angular - fa-icon 在有效的结束标签上抛出错误

我有一个正在处理的 Angular 应用程序,在这个应用程序中,我生成了一个用于列出文件的小组件,并且我正在处理一些用于编辑字段的图标。但是我遇到了该fa-icon组件的问题。我有两个并排的图标。第一个拒绝允许结束标签,第二个需要它。(我假设此时第二个实际上是嵌套的)如果没有给我这个错误,我就不能对两者都应用结束标签:

在此处输入图像描述

我的模板:

我一生都无法弄清楚为什么会发生这种情况。有什么想法吗?

Angular: 9.1.12 @fortawesome/angular-fontawesome: 0.5.0

0 投票
2 回答
183 浏览

angular - 将全局使用的库模块导入 Angular 项目模块

我想我在这里做错了什么。

我想使用angular-fontawesome 模块。按照说明成功导入AppModule

但是当我想在我自己的项目内模块中使用它时,比如说admin.module.ts. 我必须再次导入所有这些吗?相同的代码必须再次放入admin.module.ts

在我看来。AppModule是根模块。我知道如果我有其他模块想要使用图标,那么我可能必须这样做。但是,真的吗?连个AppModule都不够?

0 投票
1 回答
648 浏览

angular - 使用单 SPA 为子应用程序加载自定义字体的最佳方法是什么?

我们在子应用程序中使用了自定义字体真棒图标,目前它作为 Angular 组件加载到子应用程序中。将子应用程序作为单独的应用程序运行时,我们没有任何问题。在将应用程序转换为单个 PA 后,应用程序正在正确加载,但自定义字体未加载,因为它正在父应用程序路径下寻找子应用程序自定义字体文件(.ttf 或 .woff)文件。

我们注意到其他 Angular 组件(例如primeng.

使用单 SPA 为子应用程序加载自定义字体的最佳方法是什么?

0 投票
1 回答
422 浏览

nativescript - 如何在 Nativescript Angular 应用程序中使用 Font Awesome 5?

我想在我的 Nativescript-Angular 应用程序中使用 Font Awesome 5。我按照下面的文章做了所有的事情,但我总是把图标变成“?” 适用于 iOS 和适用于 Android 的“X”。

Nativescript 版本 - 6.5,Angular 版本 - 8.0

https://medium.com/alexonozor/fontawesome-5-and-nativescript-4-2-angular-ca29826f9346

遵循的步骤:-

  1. 从“https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself”下载 Font-Awesome v5.1.15
  2. 在我的应用程序中创建了一个名为“fonts”的新文件夹,并将其保存在 src 文件夹下。将所有 ttf 文件复制到新创建的文件夹中。下面是截图:-

在此处输入图像描述

  1. 在 app.css 中添加行并在 HTML 中使用 font-awesome 5,如下所述:-

它没有返回实际图像。如果我在 Nativescript Playground 中遵循相同的步骤,那么它可以正常工作,但我无法使其在 VS Code 中工作。

请在这里帮助我。