Angular [select [value]=”val” ]で[object, object]になるエラー解消

「Angular [select [value]=”val” ]で[object, object]になるエラー解消」のアイキャッチ画像

ngForでループさせて[value]でデータやりとりできるかと思っていましたが、どうやらできないようでした

 

このように修正すると解決できました

// 動かない
<option *ngFor="let model of customize_models" [value]="model">{{ model.customization_id | json }}</option>

//動く
// value -> ngValueに変更することで動きます
<option *ngFor="let model of customize_models" [ngValue]="model">{{ model.customization_id | json }}</option>

 

参考記事

Binding select element to object in Angular