如何在 *ngFor 循环中获取输入字段的值?
how to obtain the value of an input field in an *ngFor loop?
我需要从 *ngFor 循环中的一系列输入中获取值。我尝试使用名称“(change)=addQty(qty,i)” 我尝试了 2way 绑定,但所有输入都以相同的值结束。我尝试搜索 Google。在接下来的代码中,我删除了一些不相关的代码和 类.
<div *ngFor='let meal of meals; let i = index'>
<div>
<span>
{{meal.mealName}}  
<mat-icon>thumb_up</mat-icon> {{meal.dislike}}
<mat-icon>thumb_down</mat-icon>{{meal.like}}
</span>
</div>
<br>
<div>
{{meal.mealDesc}}
<br> Price: {{meal.price1 | currency}}   Qty:
<input class='number' type='number' name='qty' min=0 (change)=addQty(i)>
</div>
</div>
如果是简单的东西,我会很尴尬。
您没有将 change
事件的值传递回您的控制器,将您的 addQty 更改为 addQty($event, i)
并在您的控制器 addQty(e, i)
中然后您可以通过 [=13 访问它=] 或 e.target.value
我需要从 *ngFor 循环中的一系列输入中获取值。我尝试使用名称“(change)=addQty(qty,i)” 我尝试了 2way 绑定,但所有输入都以相同的值结束。我尝试搜索 Google。在接下来的代码中,我删除了一些不相关的代码和 类.
<div *ngFor='let meal of meals; let i = index'>
<div>
<span>
{{meal.mealName}}  
<mat-icon>thumb_up</mat-icon> {{meal.dislike}}
<mat-icon>thumb_down</mat-icon>{{meal.like}}
</span>
</div>
<br>
<div>
{{meal.mealDesc}}
<br> Price: {{meal.price1 | currency}}   Qty:
<input class='number' type='number' name='qty' min=0 (change)=addQty(i)>
</div>
</div>
如果是简单的东西,我会很尴尬。
您没有将 change
事件的值传递回您的控制器,将您的 addQty 更改为 addQty($event, i)
并在您的控制器 addQty(e, i)
中然后您可以通过 [=13 访问它=] 或 e.target.value