Angular2不能以ngFor重复的形式使用ngModel

Question

如何将ngModel用于ngFor重复的多种形式的输入？

尝试这样做时，Angular2给我错误。

Error: Permission denied to access property "rejection"

有问题的代码示例块：

<div *ngFor="let item of items">
    <form name="itemForm">
        {{item.name}}<input [(ngModel)]="item.name">
    </form>
</div>

这是pl人https://plnkr.co/edit/YNZiCBeyqJoxO5ox5nlC?p=preview

如果删除form标记，则所有标记都可以正常运行，但是我需要它，因此可以在所有输入上使用enter键来更新其自身形式的相应数据。

Answer 1

如果在表单标签中使用ngModel则必须在ngModelOptions设置name属性或将表单控件定义为“独立”。

以下将正常工作：

<div *ngFor="let item of items">
  <form name="itemForm">
    {{item.name}}<input [(ngModel)]="item.name" [ngModelOptions]="{standalone: true}">
  </form>
</div>

Answer 2

如@ ranakrunal9所指出的，您可以为输入使用唯一的名称属性。 这里的代码：

<div *ngFor="let item of items; let index=index">
    <form name="itemForm">
        {{item.name}}<input [(ngModel)]="item.name" name={{index}}>
    </form>
</div>