Кнопки плюс минус не работают должным образом с 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>

проблема здесь в том, что для всех элементов списка счетчик плюс минус дает одинаковые значения. Если я нажимаю плюс на одном элементе списка, счетчик увеличивается для каждого списка, как показано ниже. выходные результаты, как это

не могу понять проблему.

0 ответов

Другие вопросы по тегам