Angular mat-选择第一次选择后关闭选择面板

<mat-select [(ngModel)]="selectedOption" (selectionChange)="onSelectionChange()">
  <mat-option *ngFor="let option of options" [value]="option.value">{{ option.label }}</mat-option>
</mat-select>

selectedOption: any;
options: any[] = [
  { value: 'option1', label: 'Option 1' },
  { value: 'option2', label: 'Option 2' },
  { value: 'option3', label: 'Option 3' }
];

onSelectionChange() {
  // 处理选择变化事件
  // 在这里可以关闭选择面板
}

import { MatSelect } from '@angular/material';

onSelectionChange() {
  // 处理选择变化事件
  // 在这里可以关闭选择面板
  const matSelect: MatSelect = document.querySelector('mat-select');
  matSelect.close();
}