Показать сообщение отдельно
  #2 (permalink)  
Старый 03.07.2018, 14:43
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

AlexTrust,
Переменная check определена в компоненте и применятся ко всем <mat-card>. Соответственно при клике на одну из иконок происходит изменение общей переменной check. Чтобы этого избежать, можно хранить состояние check не на уровне компонента, а на уровне модели item, которая используется для отображения mat-card.
<mat-card style="display: flex;" *ngFor="let item of list">
    <div (click)="item.check = !item.check">
      <mat-icon [innerText]="item.check ? 'favorite_border' : 'favorite'"></mat-icon>
    </div>
    <p style="margin: 0"> {{item.question}} </p>
  </mat-card>
Ответить с цитированием