Angular2はngForで繰り返される形式のngModelを使用できません

Question

ngForで繰り返される複数のフォーム間の入力にngModelを使用するにはどうすればよいですか？

私がそうしようとするとAngular2がエラーになります。

Error: Permission denied to access property "rejection"

問題のあるコードの例のブロック：私はformタグを削除した場合

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

ここでは問題なくすべての実行、plunker https://plnkr.co/edit/YNZiCBeyqJoxO5ox5nlC?p=preview

ですが、私は私ができるので、それを必要としますすべての入力にEnterキーを使用して、対応するデータを独自の形式で更新します。

Answer 1

フォームタグ内でngModelを使用する場合は、name属性を設定するか、フォームコントロールをngModelOptionsに「スタンドアロン」として定義する必要があります。以下は

はエラーなしで動作します：あなたはあなたの入力のための属性固有の名前を使用することができますranakrunal9

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

Answer 2

としては、@によって指摘。ここでは、コード：

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