没有触发弹出窗口内的NGX-Mapbox-GL按钮单击事件

Question

我是使用此Angular库进行MAPBOX 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...');
});