Угловое многократное предварительное заполнение

Question

У меня путаница в матовом угловом множественном выборе, у меня есть сценарий, в котором пользователь может быть добавлен с опцией множественного выбора (ролями) в раскрывающемся списке, но как только пользователь нажимает на кнопку редактирования, это (выпадающий список должен быть предварительно выбран)следует инициализировать предварительно заполненными значениями раскрывающегося списка, которые были выбраны в раскрывающемся списке при создании пользователя, как я могу подойти к этому решению предварительного заполнения значения множественного выбора в угловых значениях.

Answer 1

Если вы используете реактивную форму, тогда вы заполняете поле множественного выбора.

пример HTML:

<mat-form-field>
  <mat-label>MultiSelect</mat-label>
  <mat-select [formControl]="multiControl" multiple>
    <mat-option *ngFor="let option of options" [value]="option">{{option}}</mat-option>
  </mat-select>
</mat-form-field>

в component.ts:

multiControl = new FormControl();
options = [
'option1',
'option2'
];
ngOnInit() {
this.multiControl.setValue(Your array with the options you want to be selected);
}