Событие нажатия кнопки ngx-mapbox-gl внутри всплывающего окна не вызывается

Question

Я разыскиваю карту, используя эту угловую библиотеку для 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...');
});