如何调整mat-select高度以适合其项目？

::ng-deep .mat-select-panel {
  max-height: 200px; /* 设置合适的高度 */
}

<mat-select panelMaxHeight="200px">...</mat-select>

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  ...
})
export class YourComponent {
  @ViewChild('select') select: ElementRef;

  adjustHeight() {
    const optionHeight = 40; // 每个选项的高度
    const maxOptions = 5; // 最大显示的选项数量
    const selectElement = this.select.nativeElement;
    const optionsCount = selectElement.options.length;
    const height = Math.min(optionsCount, maxOptions) * optionHeight;
    selectElement.style.height = height + 'px';
  }
}

<mat-select #select (opened)="adjustHeight()">...</mat-select>