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

尝试这样：

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

Answer 2

这应该有效：

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

检查控制台中是否没有其他错误