在 ngOnInit() 之后从动态添加的 HTML 中捕获点击事件

Question

我正在开发一个实现 Leaflet 库的 Ionic 3 应用程序。该应用程序旨在以离线模式运行。地图正在ngOnInit() 调用上呈现。

地图添加了 Marker 集群，每个标记在点击时都有一个 HTML 弹出窗口，如下所示：

L.marker([51.5, -0.09]).addTo(map)
    .bindPopup("<div  class=\"marker-title\"></div><p>" + title + "</p>");

我想在点击 'marker-title' 时捕获点击事件。

问题是在 HTML 字符串上添加正常的 Angular 点击绑定不会触发 - 因为它是在呈现整个 DOM 并且 Angular 无法注册它之后添加的。

我该如何解决这个问题？

Answer 1

收听文档会捕获所有事件，即使在 Angular 中使用起来很丑

document.addEventListener('click', e => {
    // if e.target is your element do something
});