我想设置一个带有对象的select html元素来更新我的表单,但是当更新数据时,在select html元素中没有选择任何内容。但是,“myModel”变量在控制台中显示了良好的值。此外,当选择值时,我需要在表单中选择“选项”对象(而不仅仅是字符串值)。
我该怎么做?
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'} };
谢谢!