Невозможно назначить только для чтения свойство 'соответствует' MediaQueryListener Angular - PullRequest
0 голосов
/ 23 января 2020

Я изменяю свой DOM, основываясь на значениях изменения размера, но получаю сообщение об ошибке в консоли

Мой TypeScript

mobileQuery: MediaQueryList;

constructor(
    changeDetectorRef: ChangeDetectorRef,
    media: MediaMatcher,
) {
    this.mobileQuery = media.matchMedia('(max-width: 1026px)');
    this._mobileQueryListener = () = > changeDetectorRef.detectChanges();
    this.mobileQuery.addListener(this._mobileQueryListener);
    private _mobileQueryListener: () = > void;
}

ngOnDestroy(): void {
    this.mobileQuery.removeListener(this._mobileQueryListener);
}

HTML

<button *ngIf="fullScreen && !mobileQuery.matches" mat-raised-button class="supportButton">Chat</button>

ОШИБКА

HrMainbarComponent. html: 3 ОШИБКА TypeError: Невозможно назначить только для чтения свойство «совпадения» объекта '[объект MediaQueryList ] '

...