不会触发弹出窗口中的ngx-mapbox-gl按钮单击事件

Question

我正在使用此角度库为地图框ngx-mapbox-gl出租地图 我正在显示mouseenter事件的弹出窗口。

mapInstance.on("mouseenter", "scoots_layers", function (e) {
  var _lat = e.lngLat.lat;
  var _lng = e.lngLat.lng;
  var coordinates = [_lng, _lat];
  this.popup = new Popup({
    closeButton: true,
    closeOnClick: true,
  });
  this.popup.setLngLat(coordinates)
    .setHTML('<button (click)="goToPage()">Hello </button>')
    .addTo(mapInstance);
});

弹出窗口运行正常。但是按钮的点击事件不会触发。

Answer 1

也许如果您这样做的话，它会起作用

 this.popup.setLngLat(coordinates)
.setHTML('<button  id="myBtn">Hello </button>')
.addTo(mapInstance);

}）;

并在您的ts文件中

document.getElementById("myBtn").addEventListener("click", function(){
  alert('say something...');
});