模板中默認選擇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="{{...}}" 。