我想在mat-icon中获取一些值,并与"campaign_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
}
这应该是单击播放或暂停图标的逻辑
发布于 2019-05-10 03:47:00
由于您在*ngFor
中;ID( id="row-click
和#_icon
)对于所有<mat-icon>
都是相同的,因此为了解决这个问题,您需要使用and索引并将该索引分配给<mat-icon>
例如:
<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>
https://stackoverflow.com/questions/56060725
复制相似问题