模板中默认选择Angular 4选项

Question

我想默认选择一个选项，但是仅当我从选择中删除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="..."等于分配给[(ngModel)]="value"使用的value字段的[(ngModel)]="value" 。

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