为什么我的代码没有'；不能在angular中使用字体awesom？

我是Angular的新手，我正在尝试创建一个简单的网页。 下面是我的

组件.html

，我不知道为什么网页不能加载字体图标

favorite.component.html

<span
    class="far"
    [class.fa-star]="isFavorite"
    (click)="onClick()"
>
</span> 

我将上面的一个更改为

，然后它就可以工作了。但这不是我想要的。我想使用

[class..]

语法。我下载并安装了字体很棒的软件包，但我不明白这个原因

如果你能帮助我，我将不胜感激

谢谢。

假设您的代码

<span class="fas fa-star"></span>

请尝试下面的代码

<span
class="fas"
[ngClass]="{'fa-star':isFavorite}"
(click)="onClick()"
  >

假设您的代码

<span class="fas fa-star"></span>

请尝试下面的代码

<span
class="fas"
[ngClass]="{'fa-star':isFavorite}"
(click)="onClick()"
  >

首先，请执行以下操作：

npm i@fortawesome/angular fontawesome——保存

npm i@fortawesome/fontawesome免费-保存

npm i@fortawesome/fontawesome svg核心——保存

npm i@fortawesome/免费实心svg图标--保存

然后点击这个链接：（选择你的图标）

然后编码：

[如果你喜欢的话，也可以搭配风格]

<i class="fa fa-map-marker" style="margin-left: -1rem;font-size: 1rem; color:black;margin-top: 0.25rem;"></i>

[正如医生建议的那样-我把它放在

标签中]

一个特别注意事项：（来自

package.json

）

我们的

npm安装

确实安装了5.14

因此，我在第2步中提供的链接是专门针对5.14图标的

[您正在使用的图标可能不适用于font awesome的不同版本，因此如果您想像我一样使用font awesome 5.14，请点击我的链接或转到仅显示5.14图标的链接（因为我们的npm是由deafault安装的5.14-当前的npm最新版本-或者如果您需要不同的版本，请在

npm安装中指定它

）

由于版本不匹配，此处可能无法使用其他字体图标]

NPM链接：（如果你想了解更多）

首先，请执行以下操作：

npm i@fortawesome/angular fontawesome——保存

npm i@fortawesome/fontawesome免费-保存

npm i@fortawesome/fontawesome svg核心——保存

npm i@fortawesome/免费实心svg图标--保存

然后点击这个链接：（选择你的图标）

然后编码：

[如果你喜欢的话，也可以搭配风格]

<i class="fa fa-map-marker" style="margin-left: -1rem;font-size: 1rem; color:black;margin-top: 0.25rem;"></i>

[正如医生建议的那样-我把它放在

标签中]

一个特别注意事项：（来自

package.json

）

我们的

npm安装

确实安装了5.14

因此，我在第2步中提供的链接是专门针对5.14图标的

[您正在使用的图标可能不适用于font awesome的不同版本，因此如果您想像我一样使用font awesome 5.14，请点击我的链接或转到仅显示5.14图标的链接（因为我们的npm是由deafault安装的5.14-当前的npm最新版本-或者如果您需要不同的版本，请在

npm安装中指定它

）

由于版本不匹配，此处可能无法使用其他字体图标]

NPM链接：（如果你想了解更多）