Угловой материал - компонент sidenav работает некорректно

Разрабатываю веб-приложение для разных устройств: компьютер, планшет, телефон. Я объединил sidenav и mediaquery (import {MediaMatcher} from '@ angular / cdk / layout';) для определения размера устройства.

Когда я загружаю приложение с размером телефона, боковая навигация открывается, но когда я изменяю размер устройства и возвращаюсь к размеру телефона, боковая навигация не открывается.

Как решить проблему?

Ссылка на ошибочное приложение: Ссылка на редактор

1
0
99
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете использовать Host Listener для прослушивания события изменения размера окна и внесения следующих изменений в свое приложение.

@HostListener('window:resize', ['$event'])
onResize(event) {
 event.target.innerWidth < 400 ? this.sideNavButtonVisible = true :  this.sideNavButtonVisible = false;
}

Другие вопросы по теме