Question

我正在使用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>

锚标记中的

toggle函数在true和false之间更改了filters [0] ['collapse']的值，我想使用此变量（filters [0] ['collapse']）的值来动态地将fa-icon元素中的图标从“减”更改为“加”。

除了ngClass不能与Font Awesome元素一起使用来完成我想实现的目的之外，本该使用Font Awesome来实现这一点。

Answer 1

我没有直接回答您的问题，但这可能是替代方法，

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

如何使用超赞堡垒

1 个答案: