我刚刚遇到这个问题，像2小时前。我不熟悉离子，但希望这将有助于。
创建一个变量来跟踪弹出窗口的内容是否已经附加了一个事件处理程序。然后，您可以向Map中添加一个事件侦听器来侦听使用map.on('popupopen', function(){})打开的弹出窗口。当发生这种情况时，弹出窗口中的DOM内容将被呈现，并可使用querySelector或getElementById获取。因此，您可以将其作为目标，并向其中添加一个事件侦听器。您还必须为map.on('popupclose', () => {})创建一个事件，并在其中从您已将其附加到的dom节点中删除该事件侦听器。
您需要为您创建的每一个唯一的弹出窗口添加一个事件监听器。但是，也许您可以构建一个函数来为您完成这一任务。下面是一个示例：

const someMarker = L.marker(map.getCenter()).bindPopup(`
  <h4 class="norwayLink">To Norway!</h4>
`)

someMarker.addTo(map)

function flyToNorway(){
  map.flyTo([
    47.57652571374621,
    -27.333984375
  ],3,{animate: true, duration: 5})

  someMarker.closePopup()
}

let eventHandlerAssigned = false

map.on('popupopen', function(){

  if (!eventHandlerAssigned && document.querySelector('.norwayLink')){
    const link = document.querySelector('.norwayLink')
    link.addEventListener('click', flyToNorway)
    eventHandlerAssigned = true
  }

})

map.on('popupclose', function(){
  document.querySelector('.norwayLink').removeEventListener('click', flyToNorway)
   eventHandlerAssigned = false
})

这就是我如何定位弹出内容并在demo for my plugin中添加指向它的链接。

所以，你不能仅仅通过添加静态HTML来实现（click）事件绑定。一种实现的方法是在添加这个新的dom元素后添加侦听器，请参见下面的伪代码：

makeCapitalMarkers(map: L.map): void {
    marker.bindPopup(this.popUpService.makeCapitalPopup(c));
    marker.addTo(map);
    addListener();
}

makeCapitalPopup(data: any): string {
    return `` +
        `<div>Name: John</div>` +
        `<div>Address: 5 ....</div>` +
        `<br/><button id="myButton" type="button" class="btn btn-primary" >Click me!</button>`
}

addListener() {
    document.getElementById('myButton').addEventListener('click', onClickMethod
}

理想情况下，使用Angular时，我们不应该直接使用DOM，所以如果上面的方法有效，您可以通过Renderer重构添加事件侦听器。
此外，我不熟悉Leaflet库-但要使上述方法正常工作，您需要考虑任何异步方法（如果有），以便仅在将此类DOM元素成功添加到DOM后才调用getElementById。