如何获取* ngFor循环中输入字段的值？

Question

I need to obtain values from a series of inputs in an *ngFor loop. I tried using the name "(change)=addQty(qty,i)" I tried 2way binding but all the inputs ended up with the same value. I tried searching Google. In the code that follows I have stripped out some non-related code and classes.

<div *ngFor='let meal of meals; let i = index'>
  <div>
    <span>
      {{meal.mealName}} &emsp;
      <mat-icon>thumb_up</mat-icon> {{meal.dislike}} &nbsp;
      <mat-icon>thumb_down</mat-icon>{{meal.like}}
    </span>
  </div>
  <br>

  <div>
    {{meal.mealDesc}}
    <br> Price: {{meal.price1 | currency}} &emsp; Qty:
    <input class='number' type='number' name='qty' min=0 (change)=addQty(i)>
  </div>
</div>

If it is something simple I will be so embarrassed.

Answer 1

您没有将change事件的值传递回控制器，而是将addQty($event, i)更改为addQty($event, i) ，在控制器addQty(e, i)为e.target.data或e.target.value