Angular 8 来自弹出元素的Leaflet弹出触发函数

Question

我知道这个话题已经在堆栈问题中被反复讨论过，请原谅我的无知，因为从我的技能水平来看它变得太复杂了。

我的目标是：单击 link 或传单弹出窗口中的按钮以触发功能（我的目标是从该按钮打开一个对话框）

我看到的使用打字稿的例子很少，而且大多数 javascript 都无法适应。

这是我尝试的最后一件事：

this.map.on('contextmenu', (e) => {
const content = L.DomUtil.create('div', 'content');
L.DomEvent.on(content, 'click', (event) => {
  console.log('test');
});
const popup = L.popup().setContent(content).setLatLng(e.latlng);
this.map.openPopup(popup);
});
}

欢迎任何关于如何在 Typescript 中设置弹出内容以调用函数的建议

Answer 1

最后，我想出了解决问题的方法。对于像我一样被这个问题困扰的人，您可以尝试以下方法：

const popup = L.popup().setContent('<button id="button-submit" type="button">Add Marker</button>').setLatLng(e.latlng);
this.map.openPopup(popup);
const buttonSubmit = L.DomUtil.get('button-submit');
L.DomEvent.addListener(buttonSubmit, 'click', (ee) => {
this.logTest();
});

Angular 8 来自弹出元素的Leaflet弹出触发函数

Angular 8 Leaflet popup trigger function from popup elements

popup

leaflet

angular