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

您可以将值设置为空：

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

在构建表单时，只需将默认值设置为空即可：

name: ['']

演示版

Answer 2

默认情况下，选择值的方法是在组件中：

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

您还可以修补一个值：

formControl.patchValue('anotherValue);