0

我正在使用 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 元素一起使用来完成我想要实现的目标。

4

1 回答 1

1

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

<fa-icon icon="{{filters[0]['collapse'] ? 'plus' : 'minus' }}"></fa-icon>
于 2020-02-06T03:27:57.193 回答