如何停止所有离子ngfor按钮的单击

Question

我在使用ionic应用程序时遇到了一些问题，因此ngfor中有一个按钮，该按钮为每张卡生成一个按钮，但是现在当我单击一个按钮（第一个）时，所有生成的其他按钮都被单击了。 我该如何阻止其他人？ 如果我单击任何一个，只有被单击的那个应该立即执行全部操作。 我尝试了这个：

(click)="onEvent($event)" onEvent(event) {
   event.stopPropagation();
}

Answer 1

像这样：

html文件

 <button ion-button full  *ngFor="let b of buttonlist,let i = index" 
(click)="buttonclick(i)" >{{ b }}</button>

.ts文件

buttonlist =[]
constructor(public navCtrl: NavController) {

this.buttonlist = ["A","B","C","D"]
}


buttonclick(i){

if(i == 0){
console.log("Clicked A")
}
if(i == 1){
 console.log("Clicked B")
}

if(i == 2){
 console.log("Clicked C")
}
if(i == 3){
 console.log("Clicked D")
}



}

工作实例

Stackblitz