[AlexTrust]

Добрый день. Подскажите, пожалуйста:
проект на ангулар - материал

<mat-card style="display: flex;" *ngFor="let item of list">
    <div (click)="check = !check">
      <mat-icon [innerText]="check ? 'favorite_border' : 'favorite'"></mat-icon>
    </div>
    <p style="margin: 0"> {{item.question}} </p>
  </mat-card>

при клике на одну иконку меняются все, а нужно для каждого mat-card отдельно.
Что я делаю не так?

Делал и через функцию:

<mat-card style="display: flex;" *ngFor="let item of list">
    <mat-icon (click) = "changeIcon('favorite_border')">{{iconName}}</mat-icon>
    <p style="margin: 0"> {{item.question}} </p>
  </mat-card>

iconName = 'favorite';
  
  changeIcon(newIcon:string) :void {
    this.iconName = newIcon;
   }

но то же самое. меняются все иконки