如何使用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