предварительно выбрать раскрывающийся список в angular7

Question

У меня есть эта форма для редактирования информации о пользователе:

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

используйте этот код для значения в форме:

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

, но мне нужно установить выпадающее значение пользователя.

для конечного пользователя имеет роль manager, но он не устанавливает manager в выпадающем списке.

Пример кода

как я могу установить значение пользователя в раскрывающемся списке.

Answer 1

После проверки вашего свойства usermodel я понял, что оно связано с name из item в listRole.Следовательно, вам нужно будет связать атрибут value на свойстве со свойством name элемента (item.name).

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

Что касается вашего component.ts, я не вижу никаких явных проблем,Я отредактировал ваше демо на здесь .

Answer 2

Почему бы не привязать выбранный атрибут.

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