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

时间:2018-02-10 11:12:40

标签: angular ngfor 2-way-object-databinding

我需要从* ngFor循环中的一系列输入中获取值。我尝试使用名称"(更改)= addQty(qty,i)"我尝试了双向绑定,但所有输入都以相同的值结束。我试着搜索谷歌。在下面的代码中,我删除了一些不相关的代码和类。

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

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

1 个答案:

答案 0 :(得分:0)

您没有将change事件的值传回给您的控制器,将您的addQty更改为addQty($event, i)并在控制器中addQty(e, i),然后您可以e.target.data访问它或e.target.value