Как использовать ngClass с элементом fa-icon, используя fort-awesome - PullRequest
Новая
       24

Как использовать ngClass с элементом fa-icon, используя fort-awesome

0 голосов
/ 06 февраля 2020

Я использую библиотеку 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'] между true и false, и я хотел бы использовать значение этого переменная (filters [0] ['collapse']) для динамического изменения значка в элементе fa-icon с «минус» на «плюс».

Для достижения этого использовал бы Font Awesome, за исключением того, что ngClass не работает с элементом Font Awesome, чтобы делать то, что я пытаюсь достичь.

1 Ответ

1 голос
/ 06 февраля 2020

Я не отвечаю прямо на ваш вопрос, но это может быть альтернатива, 

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