Кнопки плюс минус не работают должным образом с ngfor
Я пытаюсь реализовать <ion-list>
меню с пунктами добавить кнопки вычитания с ngFor.
в файле.ts
//item add subtract
private currentNumber = 0;
private increment() {
this.currentNumber++;
}
private decrement () {
if(this.currentNumber>0){
this.currentNumber--;}
}
в HTML
<ion-list *ngFor="let men of menu">
<ion-grid>
<ion-row>
<ion-col>
{{men.name}}
</ion-col>
<ion-col>
{{men.price}}</ion-col>
<ion-col>
<ion-icon name="remove-circle" (click)="decrement()"></ion-icon>
{{currentNumber}}
<ion-icon name="add-circle" (click)="increment()"></ion-icon></ion-col></ion-row>
</ion-grid>
</ion-list>
проблема здесь в том, что для всех элементов списка счетчик плюс минус дает одинаковые значения. Если я нажимаю плюс на одном элементе списка, счетчик увеличивается для каждого списка, как показано ниже. выходные результаты, как это
не могу понять проблему.