How to change the value of a property in an iterable object?

Question

Angular

Hello, I'm looping through an array and displaying objects from there. How to bind to the buttons increase / decrease the value ( item.count) of the corresponding property of the object.

Code example:

<div *ngFor="let item of items">
  <p>{{item.name}}</p>
  <p>{{item.count}}</p>
  <button>increment</button> // увеличить item.count
  <button>decrement</button> // уменьшить item.count
</div>

Answer 1

updateCount(item, change) {
  item.count += change;
}

<button (click)="updateCount(item,  1)">+</button>
<button (click)="updateCount(item, -1)">-</button>