查找與DOM元素對應的angular2 Component

Question

我有一個用例，其中mouseup事件處理程序附加到文檔。 我想獲得與事件目標元素相對應的模塊。

一種解決方案是遍歷已知（目標）組件實例的列表，並將目標元素與viewContainerRef.element進行比較。 另一種解決方案是將mouseup事件偵聽器動態附加到所有已知組件實例。

有什么聰明的清潔工嗎？ 目標組件是動態創建的，因此沒有模板綁定，並且擁有mouseup事件處理程序的組件與目標組件之間沒有直接關系。

Answer 1

我決定創建一個包含Observable的服務。 每個“目標”組件都訂閱該服務，並比較事件目標元素的ID來確定它是否關心消息（攜帶源事件）。