開始行: * キーワード [#x4a9c72d] - Angular2 - ngFor - ngModel - 双方向バインディング * 現象 [#g5f4a05b] 次のように、foreachしている変数itemを双方向バインドできな... <div *ngFor="let item of list"> <input [(ngModel)]="item"> </div> 次のエラー。 Unhandled Promise rejection: Cannot assign to a referenc... at _AstToIrVisitor.visitPropertyWrite (http://localho... at PropertyWrite.visit (http://localhost:4200/main.bu... at ASTWithSource.visit (http://localhost:4200/main.bu... at convertCdStatementToIr (http://localhost:4200/main... at CompileEventListener.addAction (http://localhost:4... at http://localhost:4200/main.bundle.js:59490:18 at Array.forEach (native) at collectEventListeners (http://localhost:4200/main.... at ViewBinderVisitor.visitElement (http://localhost:4... at ElementAst.visit (http://localhost:4200/main.bundl... at http://localhost:4200/main.bundle.js:9042:29 Error... at _AstToIrVisitor.visitPropertyWrite (http://localho... at PropertyWrite.visit (http://localhost:4200/main.bu... at ASTWithSource.visit (http://localhost:4200/main.bu... at convertCdStatementToIr (http://localhost:4200/main... at CompileEventListener.addAction (http://localhost:4... at http://localhost:4200/main.bundle.js:59490:18 at Array.forEach (native) at collectEventListeners (http://localhost:4200/main.... at ViewBinderVisitor.visitElement (http://localhost:4... at ElementAst.visit (http://localhost:4200/main.bundl... at http://localhost:4200/main.bundle.js:9042:29 * 原因 [#f4737c11] 分からないが、次の見解がある。 > I think ngFor don't like tracking array elements * 対策 [#g6e7baa6] ** インデックスを利用して配列の要素をバインドする [#d77a6... foreachしている変数をバインドすることはできないが、コレク... <div *ngFor="let item of list; let i = index"> <input [(ngModel)]="list[i]"> </div> ** または、配列の要素をオブジェクトにしてプロパティをバイ... foreachしている変数をバインドすることはできないが、その変... this.list = [ {data: 'xxx'}, {data: 'yyy'}, {data: 'zzz'} ]; <div *ngFor="let item of list"> <input [(ngModel)]="item.data"> </div> * 参考 [#k978c6c1] - [[angular2 - Angular 2 ngModel bind in nested ngFor - S... - [[javascript - Angular2 ngModel against ngFor variables... 終了行: * キーワード [#x4a9c72d] - Angular2 - ngFor - ngModel - 双方向バインディング * 現象 [#g5f4a05b] 次のように、foreachしている変数itemを双方向バインドできな... <div *ngFor="let item of list"> <input [(ngModel)]="item"> </div> 次のエラー。 Unhandled Promise rejection: Cannot assign to a referenc... at _AstToIrVisitor.visitPropertyWrite (http://localho... at PropertyWrite.visit (http://localhost:4200/main.bu... at ASTWithSource.visit (http://localhost:4200/main.bu... at convertCdStatementToIr (http://localhost:4200/main... at CompileEventListener.addAction (http://localhost:4... at http://localhost:4200/main.bundle.js:59490:18 at Array.forEach (native) at collectEventListeners (http://localhost:4200/main.... at ViewBinderVisitor.visitElement (http://localhost:4... at ElementAst.visit (http://localhost:4200/main.bundl... at http://localhost:4200/main.bundle.js:9042:29 Error... at _AstToIrVisitor.visitPropertyWrite (http://localho... at PropertyWrite.visit (http://localhost:4200/main.bu... at ASTWithSource.visit (http://localhost:4200/main.bu... at convertCdStatementToIr (http://localhost:4200/main... at CompileEventListener.addAction (http://localhost:4... at http://localhost:4200/main.bundle.js:59490:18 at Array.forEach (native) at collectEventListeners (http://localhost:4200/main.... at ViewBinderVisitor.visitElement (http://localhost:4... at ElementAst.visit (http://localhost:4200/main.bundl... at http://localhost:4200/main.bundle.js:9042:29 * 原因 [#f4737c11] 分からないが、次の見解がある。 > I think ngFor don't like tracking array elements * 対策 [#g6e7baa6] ** インデックスを利用して配列の要素をバインドする [#d77a6... foreachしている変数をバインドすることはできないが、コレク... <div *ngFor="let item of list; let i = index"> <input [(ngModel)]="list[i]"> </div> ** または、配列の要素をオブジェクトにしてプロパティをバイ... foreachしている変数をバインドすることはできないが、その変... this.list = [ {data: 'xxx'}, {data: 'yyy'}, {data: 'zzz'} ]; <div *ngFor="let item of list"> <input [(ngModel)]="item.data"> </div> * 参考 [#k978c6c1] - [[angular2 - Angular 2 ngModel bind in nested ngFor - S... - [[javascript - Angular2 ngModel against ngFor variables... ページ名: