如何使用Ngmodel和Angular 2中的对象设置select html元素的选定选项

时间:2017-04-18 19:08:19

标签: angular select option ngfor ngmodel

我想设置一个带有对象的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'} };

谢谢!

0 个答案:

没有答案