ngfor在元素click事件中使用索引 [英] ngfor use index in elements click event
本文介绍了ngfor在元素click事件中使用索引的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试在芯片上设置一个删除按钮,所以我尝试了:
I am trying to make a remove button on my chips so I tried:
<mat-chip-list>
<mat-chip *ngFor="let condition of conditions; let i = index">
{{condition.column.friendlyName}} {{condition.operator.symbol}} {{condition.value}}
<mat-icon class="close-icon" (click)="removeChip(i)">highlight_off</mat-icon>
</mat-chip>
</mat-chip-list>
但它表示未定义 i
.单击该索引可获得筹码索引的正确方法是什么?
but it says i
is not defined. What is correct way to get the chips index when it is clicked?
推荐答案
此版本以5+角更新为 index as i
:
this is updated in angular 5+ to index as i
:
<mat-chip *ngFor="let condition of conditions; index as i">
{{condition.column.friendlyName}} {{condition.operator.symbol}} {{condition.value}}
<mat-icon class="close-icon" (click)="removeChip(i)">highlight_off</mat-icon>
</mat-chip>
这篇关于ngfor在元素click事件中使用索引的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文