如何在angular中实现图标更改场景？

我对angular不熟悉，有以下代码

<span
    class="fas fa-star"
    [ngClass]="isFavorite"
    class="far fa-star"
    [ngClass]="!isFavorite"
    (click)="onClick()"
></span>

通过使用字体awesome图标，当我单击星形图标时，图标会发生更改。但是，当我单击星号按钮时，上面的代码不起作用。如何在不做大量修改的情况下通过更改“我的代码”来解决我的问题？

试试这个

<span class="fa-star"
    [ngClass]="{'fas': isFavorite, 'far': !isFavorite}"
    (click)="onClick()"></span>

---

@sclee1:您也可以使用

[ngClass]=“{isFavorite'fas'：'far'}”

。看看angular中的条件类。