пре объекта выбора вход

Question

У меня есть форма с выберите поле ввода, который основан на объектах:

<!-- 
this.options = [ 
    { name: 'Option A', id: 1 }, 
    { name: 'Option B', id: 2 }, 
    { name: 'Option C', id: 3 }, 
]; 
--> 

<form #optionForm="ngForm"> 
    <select [(ngModel)]="model.option" name="option"> 
    <option *ngFor="let option of options" [ngValue]="option"> 
     {{option.name}} 
    </option> 
    </select> 
</form> 

Первоначально моя модель устанавливается на один из этих вариантов, например:

this.model = { option: { name: 'Option B', id: 2 } }; 

Как я могу выделить этот объект в выбранном входе? Весь объект model.option должен быть выбран.

Plunker с примером компонента в src/app.ts.

Answer 1

Здесь внесены изменения https://plnkr.co/edit/YTMZ05Awd1AGDpds6QSO?p=preview.

<select [(ngModel)]="model.option.id" name="option"> 
     <option *ngFor="let option of options" [ngValue]="option.id"> 
      {{option.name}} 
     </option> 
</select> 

По сути вы хранили объект в ngValue, а не свойство (в вашем случае ид/имя). Надеюсь, это имеет смысл.