如何立即停止点击所有离子ngfor按钮

Question

我遇到了离子应用程序的一些问题所以我在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