如何在 *ngfor循环中获得输入字段的值

Question

我需要从 *ngfor循环中的一系列输入中获取值。我尝试使用名称"(change(= addQty(qty，i("我尝试了2way绑定，但所有输入最终都以相同的值。我尝试搜索Google。在随后的代码中，我删除了一些非相关的代码和类。

<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>

如果这很简单，我会很尴尬。

Answer 1

您没有将change事件的值传递给您的控制器，将您的附加QTY更改为addQty($event, i)，然后在控制器addQty(e, i)中，您可以通过e.target.data或e.target.value