Question

我正试图在*ngFor中放置一个文本框，如

<tr *ngFor="let abc in _Apple">    
  <td>{{abc.Name}}</td>
  <td> <input matInput  name="UnitofPrice" [(ngModel)] = "UnitofPrice">
</td>
<td>{{UnitofPrice}}</td>

如果我在UnitofPrice中输入任何内容，它将反映给所有人。我如何删除它？

Answer 1

使您的NG模型具有唯一的ngFor索引：参见示例：

<tr *ngFor="let abc in _Apple; let i = index;">

<td>{{abc.Name}}</td>
<td> <input matInput  name="UnitofPrice" [(ngModel)]="abc[i]">
</td>
<td>{{UnitofPrice}}</td>

在您的按钮或Submit函数中将此作为参数传递给

<button (click)="yourFunc(abc[i])">submit</button>

Angular2-如何将文本框放入* ngFor

1 个答案: