如何使用 fort-awesome 将 ngClass 与 fa-icon 元素一起使用答案

【问题标题】：How to use ngClass with fa-icon element using fort-awesome如何使用 fort-awesome 将 ngClass 与 fa-icon 元素一起使用
【发布时间】：2020-02-06 11:27:57
【问题描述】：

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

<div>
  <a (click)="toggle(filters[0])" data-toggle="collapse" href="#coverageFilters" role="button" aria-expanded="true" aria-controls="coverageFilters"><fa-icon icon="minus"></fa-icon> {{filters[0].name}}</a>
  <div class="collapse show multi-collapse" id="coverageFilters">
    <ul class="filter" *ngFor="let item of filters[0].value"><input type="checkbox"> {{item}}</ul>
  </div>
</div>

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

会使用 Font Awesome 来实现这一点，只是 ngClass 不能与 Font Awesome 元素一起使用来完成我想要实现的目标。

【问题讨论】：

标签： angular font-awesome angular-fontawesome

【解决方案1】：

我没有直接回答你的问题，但它可能是一个替代方案，

<fa-icon icon="{{filters[0]['collapse'] ? 'plus' : 'minus' }}"></fa-icon>

【讨论】：

工作就像一个魅力。谢谢。
知道为什么单击图标本身会将我重定向到我的主页吗？