Я хочу показать другой значок в зависимости от того, истинно мое значение или ложно

<span><i class="fas fa-caret-"+({{ extendedOptionsContainer ? "down" : "up" }})+"></i></span>

Итак, если extensionOptionsContainer истинно, значок будет неактивен, а если нет, он будет работать, но это не сработает, потому что внутри этой строки и "" есть помощь?

0
user17516027 26 Ноя 2021 в 14:35
Мне кажется более элегантным использование ngClass с полным названием класса: <i class="fas" [ngClass]="extendedOptionsContainer ? 'fa-caret-down' : 'fa-caret-up'"></i>
 – 
Michael D
26 Ноя 2021 в 15:02

1 ответ

Лучший ответ
  <span><i [ngClass]="'fas fa-caret-' + (extendedOptionsContainer ? 'down' : 'up')"></i></span>
0
MKaz 26 Ноя 2021 в 14:51
Работает, спасибо!
 – 
ttyttt
26 Ноя 2021 в 14:53
Если ответ помог вам решить вашу проблему, подумайте о том, чтобы не только принять его, но и проголосовать за него.
 – 
iLuvLogix
26 Ноя 2021 в 15:11