预选角度下拉7

问题描述 投票:0回答:2

我有这个表格用于编辑用户信息:

<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
})

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

对于exmaple用户有qazxsw poi角色,但它没有在drodown设置qazxsw poi。

manager

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

javascript angular typescript angular7
2个回答
1
投票

在检查了你的manager财产后,我意识到它与Sample Codeusermodelname绑定。因此,您需要将item属性绑定到item(listRole)的name属性。

value

至于你的component.ts,我没有看到任何明显的问题。我已经在item.name上编辑了你的演示。


1
投票

为什么不绑定所选属性。

<form [formGroup]="editUSer">
  <input formControlName="name">
  <select formControlName="roleName">
    <option *ngFor="let item of listRole" [value]="item.name">{{item.name}}</option>
  </select>
</form>
© www.soinside.com 2019 - 2024. All rights reserved.