Javascript 在谷歌地图信息窗口中注册点击事件

我正在建立一个酒店网站，并在地图上显示酒店。 我使用的是AngularJS代码和GoogleMapsJavaScriptAPI（）提供的示例代码的混合

我的代码如下：

    function initMap() {
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 12,
          center: coord
        });

        $http.post("/events/hotel_search", { city : city, facilities : facilities }).then(function(response) {
            $scope.hotels = response.data.hotels;
var image = '/img/bed.png';
$scope.hotels.forEach(function(h){

      var contentString= '<div style="width:350px"><div style="width:130px;float:left"><img src="'+h.images[0]+'"  width="130" /><h4>'+h.name+'</h4></div><div style="width:200px;float:left;padding-left:20px"><p style="font-size:150%;color:orange">200-500$/night</p><p style="font-size:80%">'+h.address+'</p><div class="star-rating-r"><a href="#"><img alt="" src="img/rating-b.png"></a><a href="#"><img alt="" src="img/rating-b.png"></a><a href="#"><img alt="" src="img/rating-b.png"></a><a href="#"><img alt="" src="img/rating-b.png"></a><a href="#"><img alt="" src="img/rating-a.png"></a></div><p><br/><div class="cat-icons"><span class="cat-icon-01 active"></span><span class="cat-icon-02"></span><span class="cat-icon-03"></span><span class="cat-icon-04"></span><span class="cat-icon-05"></span><span class="cat-icon-06"></span><div class="clear"></div></div></p><button class="srch-btn xbtn" style="margin-top:20px;float:right" id="'+h._id+'">SELECT HOTEL</button></div></div>';



        var infowindow = new google.maps.InfoWindow({
            content: contentString
          });
            var beachMarker = new google.maps.Marker({
              position: {lat: h.lat, lng: h.lng },
              map: map,
              icon: image
            });

          beachMarker.addListener('click', function() {
            infowindow.open(map, beachMarker);
          });





   })


     });

      }

函数initMap（）{
var map=new google.maps.map（document.getElementById（'map'）{
缩放：12，
中心：coord
});
$http.post（“/events/hotel_search”，{city:city，facilities:facilities}）{
$scope.hotels=response.data.hotels；
var image='/img/bed.png'；
$scope.hotels.forEach（功能（h）{
var contentString=''+h.name+'
200-500美元/晚
“+h.address+”

选择酒店”；
var infowindow=new google.maps.infowindow({
内容：contentString
});
var beachMarker=new google.maps.Marker({
位置：{lat:h.lat，lng:h.lng}，
地图：地图，
图标：图像
});
beachMarker.addListener（'click'，function（）{
打开（地图，海滩标志）；
});
})
});
}

---

我的问题是，当有人单击信息窗口内的按钮时，我无法注册单击事件。我指的是“选择酒店”按钮。我该怎么办呢？

选择酒店

。“试过类似的东西吗？”盲人先知-是的，试过类似的东西。不起作用。ng click不起作用，因为我猜这些DOM元素是在页面加载之后插入的。简单的非角度onclick=“do_something（）”虽然有效。

SELECT HOTEL

。“试过类似的东西吗？”盲人先知-是的，试过类似的东西。不起作用。ng click不起作用，因为我猜这些DOM元素是在页面加载之后插入的。不过，简单的非角度onclick=“do_something（）”仍然有效。