fontawesome щелчок не работает щелчок (угловой)

Question

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

<div (click)="selected()">
  <i [class.fas]="isFavorite"
     [class.far]="!isFavorite"
     class='fa-star'>
  </i>
</div>

isFavorite: boolean;

selected() {
   this.isFavorite = !this.isFavorite;
   console.log(this.isFavorite)
}

, но значок не меняется.

Answer 1

Это должно работать:

<div (click)="selected()">
  <i [ngClass]="isFavorite ? 'fas' : 'far'"
     class="fa-star"></i>
</div>

Убедитесь, что в вашей консоли нет других ошибок

Answer 2

Попробуй так:

<i [class]="isFavorite ? 'far fa-star' : false"></i>