从 STATIC 选择菜单中选择的 Angular 2 表单集答案

【问题标题】：Angular 2 form set selected of STATIC select menu从 STATIC 选择菜单中选择的 Angular 2 表单集
【发布时间】：2017-02-13 13:17:36
【问题描述】：

我有一个带有静态选择菜单的 Angular 2 表单

<select formControlName="type" name="type">
    <option value="reference">Referentie</option>
    <option value="name">Aanhef</option>
    <option value="street">Street</option>
    <option value="postcode">Postcode</option>
</select>

如何将第一个设置为选定值。我做什么都会变成空白。

我试过了：

<option selected...
<option selected="selected"...   
<option [selected]="selected"...
<option [selected]="reference"...
this.searchform.value.type = 'reference';

希望有人能提供帮助。

【问题讨论】：

标签： javascript forms select angular

【解决方案1】：

this.searchform.controls['type'].setValue('reference')

【讨论】：

【解决方案2】：

  <option value="name" selected>Aanhef</option>

有效。你可以参考 Plunkr

【讨论】：