默认情况下在模板中选择Angular 4选项

时间:2017-11-13 14:50:40

标签: javascript html angular option selected

我希望默认情况下选择一个选项,但只有在我从select中删除NgModel指令时它才有效。

<select id="privileges" name="privileges" class="form-control" [(ngModel)]="value" required>
   <option [selected]="(user | async).privileges == Administrador" value="Administrador">Administrador</option>
   <option value="Empleado">Empleado</option>
</select>

如果我删除了ngmodel指令,如果它完美无缺,但显然它不是我需要的。

1 个答案:

答案 0 :(得分:0)

[selected]="..."不适用于ngModel

要选择值,请将值指定给value字段。 Angular会将选项设为选中状态,其中value="..."等于value中使用的[(ngModel)]="value"字段的值。

如果使用的值不是字符串,请使用[ngValue]="..."代替[value]="..."value="{{...}}"