открытый коврик выбрать программно

Question

У меня есть много матов в моем коде и рядом с каждым значок стрелки, чтобы переключать панель выбора матов

<mat-select disableOptionCentering panelClass="my-mat-select">
    <mat-option *ngFor="let state of states" [value]="state">{{state}}</mat-option>
</mat-select>
<img class="... " (click)="toggle_select_tab($event.target)" src="assets/icons/arrow-down.png" alt="arrow-down">
______________________________________________________________________________________

toggle_select_tab(arrow_element) {
      this.select_tab = arrow_element.previousSibling; //
      this.select_tab.open() // error : this.select_tab.open is not a function
    }
  }

Я не буду использовать представление Child, потому что мне нужно указывать id для каждого выбора матов