在Mat-icon Angular 7中分配名称或ID

Question

我想在mat-icon中获得一些价值，并与"竞选_id"进行比较

我有两个图标，一个要玩，另一个要暂停，当我单击一个时，彼此出现

在我的html中，我们有...

<tr *ngFor="let campaign of campaigns">
    <td>{{ campaign.id }}</td>
    <td>{{ campaign.nome_campanha }}</td>
    <td>            
       <label [ngClass]="status[campaign.status].color">{{ status[campaign.status].description }}</label>
    </td>
    <td> 
       <mat-icon id="row-click" matTooltip="Ativar campanha" (click)="occurrence(1, campaign, _icon)" #_icon>play_circle_outline</mat-icon>
       <mat-icon id="row-click" matTooltip="Pausar de campanhas" (click)="occurrence(2, campaign)" *ngIf="run == 1 || run == campaign.id">pause</mat-icon>
    </td>  
</tr>

，在TS中，我们有Ex

occurrence(e, campaign, i) {
  if(user.id == icon.id//icon.name) 
     if(icon.play == show)
       icon.play == hidde
}

这个毛刺是逻辑单击播放或暂停图标

Answer 1

，因为您在*ngFor中; ID(id="row-click和#_icon(对于所有<mat-icon>都相同，因此，请使用订单以解决此问题，并需要使用并分配索引并分配该分配索引 <mat-icon>

eg：

<tr *ngFor="let campaign of campaigns;index=i">
    <td>{{ campaign.id }}</td>
    <td>{{ campaign.nome_campanha }}</td>
    <td>            
       <label [ngClass]="status[campaign.status].color">{{ status[campaign.status].description }}</label>
    </td>
    <td> 
       <mat-icon [id]="'row-click-' + i" matTooltip="Ativar campanha" (click)="occurrence(1, campaign, _icon)" #_icon>play_circle_outline</mat-icon>
       <mat-icon [id]="'row-click-' + i" matTooltip="Pausar de campanhas" (click)="occurrence(2, campaign)" *ngIf="run == 1 || run == campaign.id">pause</mat-icon>
    </td>  
</tr>