Как добавить фоновый класс для mat-select? - PullRequest
Новая
       5

Как добавить фоновый класс для mat-select?

0 голосов
/ 27 января 2020 
<mat-select formControlName="country" panelClass="CountySelect" backdropClass="full-width"></mat-select>

Хотите добавить backdropClass к спецификации c mat-select cdk-overlay-pane. Как мы можем это сделать. Нет ввода с именем backdropClass для выбора матов в документации. Можно ли это сделать? Или каким-либо другим способом добиться этого?

1 Ответ

0 голосов
/ 27 января 2020 
@Directive({
  selector: '[appBackdropClass]'
})
export class PanelClassDirective implements DoCheck {
  @Input('appBackdropClass') panelClass: string;

  constructor(private _host: MatSelect) {
  }

  ngDoCheck(): void {
    if (this._host.overlayDir) {
      this._host.overlayDir.hasBackdrop = true;
      this._host.overlayDir.backdropClass = this.panelClass;
    }
  }
}

<mat-form-field>
  <mat-select appBackdropClass="test">
...
...