我想设置一个带有对象的 select html 元素来更新我的表单,但是当数据更新时,在 select html 元素中没有选择任何内容。但是,“myModel”变量在控制台中显示了良好的值。Also, I need to get "option" object selected in form when value is selected (not just a string value).
我怎样才能做到这一点?
html模板:
<select [(ngModel)]="myModel"
(ngModelChange)="caChange($event)">
<option *ngFor="let option of options" [ngValue]="option">
{{option.value.libelle}}
</option>
</select>
数据:
this.options = [];
this.options.push({label: 'label1', value: {id: 1, libelle: 'libelle1'} });
this.options.push({label: 'label2', value: {id: 2, libelle: 'libelle2'} });
this.options.push({label: 'label3', value: {id: 3, libelle: 'libelle3'} });
还有假更新
this.myModel = {label: 'label2', value: {id: 2, libelle: 'libelle2'} };
谢谢 !!