Определить комп onet, на который нажал пользователь

Question

Я использую пользовательский дочерний компонент боковой панели, скажем, дочерний, который будет entrycomponent.now компонент открывается правильно, но мне нужно закрыть панель при нажатии в любом месте за пределами панели, то есть для обнаружения щелчка по родительскому компоненту. Также необходимо показать наложение на родительский компонент после открытия боковой панели.

Я мог бы найти способ с помощью hostlisteners для получения события click? Есть ли альтернатива, например, fromevent of rx js? Можем ли мы определить имя или свойства компонента одним щелчком мыши?

Спасибо

Answer 1

Да, используя @ Hostlistener - это путь к go, самый простой способ - просто переключить «скрыть» на боковой панели, если наложение нацелено:

наложение. component.ts:

@HostListener ('click',['$event']) onClick(event: any) {

  this.parent.hideSideBar(); // get reference of component through parent componentFactory as it's an entryComponent
  this.hideOverlay();
}