角元素如何订阅主机发出的事件？

Question

我有一个角度元素custom-element，它会发出一个事件action，我可以使用它来订阅 -

const el = document.querySelector('custom-element');    
el.addEventListener('action', (event) => {
  console.log(`"action" emitted: ${event.detail}`);
})

所以我能听到custom-element发出的事件。但我也想让custom-element听取主机发出的事件。我怎么能这样做？

我能想到的一种方法是将一个observable作为输入传递，让custom-element订阅它。这是一个很好的解决方案吗？

由于

Answer 1

USE @HostListener：

@HostListener({ 
  eventName?: string
  args?: string[]
})

找到here