Как на angular сделать чтобы панель пользователя пропадала по клику на внешнюю область?

Question

[Анна]

Как на angular сделать чтобы панель пользователя пропадала по клику на внешнюю область?

Answer 1

[Владимир Беляев]

можно вешать обработчик событий на клик, и когда отработает событие - сделать что-то в стиле
onClick($event) {
if (this.userPanel && this.userPanel.nativeElement.contains($event.target)) {
return
}
/// логика на hide panel
}

потом можно убрать обработчик на клик и вешать, когда в след. раз пригодится