Я пытаюсь реализовать боковую панель, которая открывается при нажатии различных кнопок в приложении (функция типа «дополнительная информация»). По этой причине я хочу разместить компонент боковой панели вне розетки маршрутизатора.
компонент приложения:
<nav>
<router-outlet>
<sidebar>
Когда боковая панель открыта, я хотел бы затемнить остальную часть экрана и щелкнуть в любом месте (кроме боковой панели, закройте боковую панель). Я думал сделать это так: обернуть nav и router-outlet в div с событием click, чтобы закрыть боковую панель. Открытие / закрытие / переключение боковой панели управляется с помощью службы. Проблема, с которой я сталкиваюсь, заключается в том, что обертывание роутера (и навигации) таким образом переопределяет фактические нажатия кнопок внутри маршрутов, предназначенных для открытия боковой панели. Любой совет? Большое спасибо