Как остановить все ионные кнопки 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 file

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