Добавление любимой иконки с угловым 7 - PullRequest
Новая
       13

Добавление любимой иконки с угловым 7

0 голосов
/ 13 января 2019

Я добавил значок избранного в угловой проект, но когда я нажимаю, все свойства (элементы) изменяют состояния. Мой шаблон 

 <div  *ngFor="let property of properties" class="col-md-6 col-lg-4 nopadding" >
..................
<div class="center_favorit">
              <p class="rentSale">{{property['rentSale']}}</p> 
              <button mat-icon-button (click)="isFavorite($event, property)"  [ngClass]="toggle? 'isFavorite' : 'isNotFavorite'">
                <mat-icon aria-label="icon favorite">favorite</mat-icon>
              </button>
  </div>

и мой component.ts 

 toggle = true;
 isFavorite(event, newProperty) {
    console.log(this.properties);
    this.toggle = !this.toggle;
  }

У вас есть самый простой способ добавить любимую иконку к каждому элементу, и когда я нажимаю на иконку, она меняет состояние (например: она становится желтой), и я получаю доступ к значению этого состояния для моего бэкэнда.

...