angular mat-select установить значение по умолчанию в форме

Question

Существует модель данных с вложенным объектом:

export interface Model {
  someField1:string;
  someField2:string;
  someObject: Object;
}

export interface Object {
  someField1: string;
  someField2: string;
  someField3: string;
}

есть форма для этой модели:

formBuilder.group({
  someField1: null,
  someField2: null,
  someObject: formBuilder.group({
    someField1: null,
    someField2: null,
    someField3: null
})

есть компонент angular для этого объекта:

  <mat-form-field>
    <mat-select placeholder="Some Object" formGroupName="someObject">
      <mat-option *ngFor="let object of someObjectes" [value]="object">
        {{ object.someField1 }}
      </mat-option>
    </mat-select>
  </mat-form-field>

Я принимаю список объектов с сервера и позволяю выбрать тот, который нужен пользователю. Необходимо, чтобы выбор был привязан к форме, и если полученная модель уже имеет данные об объекте, то они должны отображаться как предварительно выбранный элемент.

Answer 1

Angular Материал mat-select предлагает compareWith API, к которому вы можете передать функцию отображения для установки значения по умолчанию.

Вот рабочий Stackblitz пример