angular2フォーム、選択した項目

Question

はここFormBuilderです：

let valuesArray = fb.array([ 
     fb.group({ name: 'one' }), 
     fb.group({ name: 'two' }), 
     fb.group({ name: 'three' }), 
     fb.group({ name: 'four' }) 
    ]); 

this.form = fb.group({ 
    values: valuesArray, 
    selectedValue: valuesArray[0] 
}) 

テンプレート：

<select formControlName="selectedValue"> 
    <option *ngFor="let controlGroup of form.controls.values.controls"> 
    {{ controlGroup.controls.name.value }} 
    </option> 
</select> 

これはformControlName<select>から要素を削除することで固定されているエラーcontrol.registerOnChange is not a functionがスローされますが、どのように他あなたはリスト内の選択された項目を追跡しますか？

Answer 1

私は、これはあなたが望む何をすべきだと思う：

<div>{{selectedItem | json}}</div> 
<select formControlName="mySelect" [(ngModel)]="selectedItem"> 
    <option *ngFor="let item of items" [(ngValue)]="item"> 

this.form = fb.group({ 
    mySelect: [] 
}) 

items = [ 
    { name: 'one' }, 
    { name: 'two' }, 
    { name: 'three' }, 
    { name: 'four' }]; 

selectedItem; 
// or 
selectedItem = items[0];