javascript - angular7中的预选下拉菜单

Question

我有这个表格来编辑用户信息：

<form [formGroup]="editUSer">
  <input formControlName="name">
<select formControlName="roleName">
  <option *ngFor="let item of listRole">{{item.name}}</option>
</select>
</form>

将此代码用于以下形式的 setvalue：

this.editUSer.setValue({
  name:this.usermodel.name,
  roleName:this.usermodel.roleName
})

但我需要设置下拉用户值。

例如，用户有manager角色，但它没有manager在下拉列表中设置。

示例代码

如何在下拉列表中设置用户的值。

标签： javascriptangulartypescriptangular7

Answer 1

为什么不绑定选定的属性。

<form [formGroup]="editUSer">
  <input formControlName="name">
<select formControlName="roleName">
  <option *ngFor="let item of listRole" [selected]="item.name === roleName">{{item.name}}</option>
</select>
</form>