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

Question

我希望默认情况下选择一个选项，但只有在我从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指令，如果它完美无缺，但显然它不是我需要的。

Answer 1

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

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

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