angular - 如何将全局默认面板类添加到 Angular Material 选择？

Question

我需要更改 mat-select的下拉位置稍微有点，目前我必须添加一个类到panelClass每个 mat-select 的选项实例 ...
有没有办法全局添加这个类？
我尝试使用 MAT_SELECT_CONFIG但它只有 2 个 Prop

export interface MatSelectConfig {
    /** Whether option centering should be disabled. */
    disableOptionCentering?: boolean;
    /** Time to wait in milliseconds after the last keystroke before moving focus to an item. */
    typeaheadDebounceInterval?: number;
}

Answer 1

没办法，
这是一个解决方法

import {Directive, OnInit, Inject} from '@angular/core';
import {MatSelect} from '@angular/material/select';

@Directive({
  selector: 'mat-select'
})
export class CustomSelectDirective implements OnInit {

  constructor(@Inject(MatSelect) private select: MatSelect) {
  }

  ngOnInit() {
    this.select.panelClass = 'your class';
  }
}

这是 demo