如何使用angular2反應形式設置默認選擇值？

Question

我有這樣的反應形式：

<form [formGroup]="myForm" novalidate> 
    <div *ngIf="myForm.get('id').value === 'Person'"> 
    <div formGroupName="person"> 
     <select class="form-control" formControlName="name"> 
     <option selected="selected">XX</option> //Cannot make this work  
     <option *ngFor="let n of names" [value]="n">{{n}}</option> 
     </select> 
    <label>Select a name</label> 
    </div> 
    </div> 
    // etc 
</form> 

我無法在默認情況下選中值設置爲我的選擇標記，爲什麼它不工作？

Answer 1

選擇默認值的方法是在組件：

formControl: FormControl = new FormControl('yourValue'); 

也可以修補的值：

formControl.patchValue('anotherValue); 

Answer 2

您可以設置的值空：

<option value="">XX</option> 

並且在構建表單時，只需將默認值設置爲空：

name: [''] 

Demo