開始行: * キーワード [#lbf4f080] - Angular2 - select multiple - ngModel * 現象 [#z972b51b] select multipleにngModelで双方向バインディングしようとす... <select multiple [(ngModel)]="myModelProperty"> ... </select> エラー。 error_handler.js:47 EXCEPTION: Uncaught (in promise): Ty... * 原因 [#t44267fa] 分からない。けど誰かがこう言っていた。 > As others have said, it's not supported by default in A... * 対策 [#l80ff3e7] select multipleで変更した値を自前で取得する。 <select multiple (change)="onChangeValuesSelect($event)"> ... </select> private onChangeValuesSelect(event: any) { let values = Array .from(event.target.options) .filter((option: any) => option.selected) .map((option: any) => option.value); } * 備考 [#z7b31351] ただし、上記の方法は順方向のバインディングになっていない... $eventの内容はコンソール出力すればいろいろ見れる。 console.debug(event); * 参考 [#fbe3891a] - [[Angular2: how bind to select multiple - Stack Overflo... 終了行: * キーワード [#lbf4f080] - Angular2 - select multiple - ngModel * 現象 [#z972b51b] select multipleにngModelで双方向バインディングしようとす... <select multiple [(ngModel)]="myModelProperty"> ... </select> エラー。 error_handler.js:47 EXCEPTION: Uncaught (in promise): Ty... * 原因 [#t44267fa] 分からない。けど誰かがこう言っていた。 > As others have said, it's not supported by default in A... * 対策 [#l80ff3e7] select multipleで変更した値を自前で取得する。 <select multiple (change)="onChangeValuesSelect($event)"> ... </select> private onChangeValuesSelect(event: any) { let values = Array .from(event.target.options) .filter((option: any) => option.selected) .map((option: any) => option.value); } * 備考 [#z7b31351] ただし、上記の方法は順方向のバインディングになっていない... $eventの内容はコンソール出力すればいろいろ見れる。 console.debug(event); * 参考 [#fbe3891a] - [[Angular2: how bind to select multiple - Stack Overflo... ページ名: