Задача автоматического выбора в mat-select с другим значением и другим выбранным значением в операции редактирования

Question

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

      /**
   * below array is response that is coming from response
   */
  bizCategoryList$ = [
    { id: 12, category: "business_name", value: "BU1", displayText: "BU1" },
    { id: 13, category: "business_name", value: "BU2", displayText: "BU2" },
    { id: 14, category: "business_name", value: "BU3", displayText: "BU3" },
    { id: 15, category: "business_name", value: "BU4", displayText: "BU4" },
    { id: 16, category: "recession", value: "R1", displayText: "R1" },
    { id: 17, category: "recession", value: "R2", displayText: "R2" },
    { id: 18, category: "recession", value: "R3", displayText: "R3" },    

  ];

<mat-form-field class="flex-25">
<mat-label>Business Name</mat-label>
<mat-select formControlName="businessName">
    <ng-container *ngFor="let bines of bizCategoryList$">
        <mat-option *ngIf="bines.category==='business_name'" [value]="bines.id">
            {{ bines.displayText }}
        </mat-option>
    </ng-container>
</mat-select>

При редактировании я автоматически выберу параметр с помощью displayText, но значение этого параметра должно быть id Пример : onEdit('BU3') поле выбора должно автоматически заполняться BU3, а значение должно быть 14(id)