Angular 2和選擇與Formbuilder一起使用的占位符

Question

我的下拉列表中的占位符有問題。 當我只使用html代碼時，它可以正常工作。 HTML代碼：

<select  
    class="form-control"
    #selectedItem
    required
    formControlName="town"
>
    <option [ngValue]="undefined" value="undefined" disabled selected>Wybierz miasto</option>
    <option class="city-option">Warszawa</option>
    <option class="city-option">Kraków</option>
    <option class="city-option">Wrocław</option>
</select>

問題是，當我嘗試將其放入formbuilder時，占位符消失了。 component.ts代碼的一部分

ngOnInit() { 
 this.searchForm = this._formBuilder.group({
  'town': ['tmp']
  });
}

如何使其運作？

Answer 1

FormGroup中的值必須與您希望默認選擇的選項的值相同：

ngOnInit() { 
  this.searchForm = this._formBuilder.group({
    'town': null
});

<option [ngValue]="null" disabled selected>Wybierz miasto</option>