Как установить значение по умолчанию mat-select, когда данные поступают из API?

Question

ОЖИДАЕТСЯ:

У меня есть mat-select, который должен отображать текущий доступный статус заявки в раскрывающемся меню при нажатии и при инициализации сайта, он должен выбирать и отображать текущий статус из этого списка.

ТЕКУЩАЯ СТАНЦИЯ:

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

Фрагмент кода HTML:

<mat-form-field>
        <mat-label>Ticketstatus</mat-label>
        <mat-select #statusSelect [(ngModel)]="displayedTicket.status" [(value)]="displayedTicket.status" (selectionChange)="updateTicketStatus(displayedTicket)">
          <mat-option *ngFor="let status of statusList" [value]="status">
            {{status.statusName}}
          </mat-option>
        </mat-select>
      </mat-form-field> 

Объект statusList содержитвсе доступные состояния и показывает их в раскрывающемся меню, а displayedTicket - это текущий отображаемый билет, включая информацию о состоянии.

В моем классе TypeScript у меня нет кода, ссылающегося на mat-select.