angular元素如何订阅宿主发出的事件？

Question

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

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

因此，我能够监听custom-element发出的事件。但我也想让custom-element监听主机发出的事件。我该怎么做呢？

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

谢谢

Answer 1

使用@HostListener：

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

找到here