使用angular2反應形式動態設置選擇框值

Question

我正在使用angular2反應形式來構建表單。但我怎麼動態設置選擇框的值。（我想「VPA」應該動態預選）

<form [formGroup]="addBeneficiaryForm"> 
    <ion-item> 
       <ion-label stacked>Type</ion-label>      
       <ion-select [formControl]="type"> 
        <ion-option value="VPA">VPA</ion-option> 
        <ion-option value="MMID">MMID/MOBILE</ion-option>     
       </ion-select> 
       </ion-item> 
     </form> 

我嘗試通過以下方式來設置，但不工作。

@Component({ 
    selector: 'addbenificiary', 
    templateUrl: 'addbenificiary.html' 
}) 
export class AddBeneficiaryPage { 
    addBeneficiaryForm: FormGroup; 
    type: AbstractControl; 
    constructor(private fb: FormBuilder){ 
    this.addBeneficiaryForm = fb.group({  
     'type': ['', Validators.compose([Validators.required])]   
    }); 
    } 
public ionViewDidLoad() { 
    this.addBeneficiaryForm.controls['type'].setValue('VPA'); 
} 
} 

Answer 1

嘗試使用formControlName代替[formControl]：

<ion-select formControlName="type">