在Mat-Icon Angular 7中指定名称或id
在Mat-Icon Angular 7中指定名称或id
提问于 2019-05-09 21:38:14
我想在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
}这应该是单击播放或暂停图标的逻辑
回答 1
Stack Overflow用户
发布于 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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56060725
复制相关文章
相似问题