0

ngFor によって繰り返される複数のフォームにまたがる入力に ngModel を使用するにはどうすればよいですか?

そうしようとするとAngular2でエラーが発生します。

エラー: プロパティ "rejection" にアクセスする権限が拒否されました

問題のあるコードのブロック例:

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

これがプランカーです https://plnkr.co/edit/YNZiCBeyqJoxO5ox5nlC?p=preview

フォームタグを削除すると、すべて問題なく実行されますが、すべての入力でエンターキーを使用して、対応するデータを独自のフォームで更新できるようにする必要があります。

4

2 に答える 2

2

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

以下はエラーなしで動作します：

<div *ngFor="let item of items">
  <form name="itemForm">
    {{item.name}}<input [(ngModel)]="item.name" [ngModelOptions]="{standalone: true}">
  </form>
</div>
于 2016-11-22T08:24:52.400 に答える