Как выбрать опции в нескольких mat-select при начальной загрузке по умолчанию?

Question

Я хочу показать по умолчанию флажок, установленный при загрузке страницы.
Я пытался с помощью formcontrol, но проблема по-прежнему возникает.

TypeScript:

public SelectbyDefault()
{
  this.servicedropdownsFA = [{id: "httpStatus/380/", value: 1},{id: "httpStatus/381", value: 2}]
}

HTML:

<mat-form-field>
    <mat-select placeholder="Select Error Category"  
    [formControl]="servicedropdownsControl" multiple>                 
        <mat-option *ngFor="let service of servicedropdownsFA" [value]="service"
        (click)="selectedFAdropdown($event,service,servicedropdownsControl)">
            {{service.id}}
        </mat-option>
    </mat-select>
</mat-form-field>

Answer 1

Установите его при инициализации группы форм

Для мата выберите

Stackblitz: https://stackblitz.com/edit/mat-select-with-controlvalueaccessor-mhjtyn

 this.poemForm = this.fb.group({
      servicedropdownsControl: [this.servicedropdownsFA[0], [Validators.required]],
    });

Для обычного выбора

Stackblitz: https://stackblitz.com/edit/angular-select-dropdown-reactive-form-opnlhd

this.form.controls['servicedropdownsControl'].setValue(this.servicedropdownsFA[0], {onlySelf: true});

Для множественного выбора

Stackblitz: https://stackblitz.com/edit/mat-select-with-controlvalueaccessor-fptvgt

let defaultValues=this.servicedropdownsFA.slice(0,2);//or get your default set of objects
this.form = this.fb.group({
  servicedropdownsControl: [defaultValues, [Validators.required]],
});