javascript - ng-click 动态创建的按钮的范围在 Google map 上不起作用

Question

我试图单击一个在我使用 InfoWindow 单击 Google map 标记时动态创建的按钮，但没有任何内容触发它。 This是我关注的链接。我在这里缺少什么？下面是我的代码。

JS

$scope.openMap = function(test){
    console.log(test);
}

$scope.addMarker = function(location) {
    var marker = new google.maps.Marker({
        position: location,
        map: map
    });
    var contentString = 'Lat: '+location.lat+ ' lng: '+location.lng+
                        '<button ng-click="openMap("testing")">Map</button>';
    var infowindow = new google.maps.InfoWindow({
        content: contentString
    });
    marker.addListener('click', function() {
        infowindow.open(map, marker);
    });
    markers.push(marker);
}

函数addMarker将在 map 上添加一个新的标记位置。该函数起作用了，正如所注意到的，变量 contentString 被添加到 infowindow 中的属性 content 中。问题是 $scope.openMap 无法被调用。

Answer 1

您可能需要编译 html 并添加它。添加 $compile 的依赖项，然后将代码更改为以下内容。

var contentString = 'Lat: '+location.lat+ ' lng: '+location.lng+
                    '<button ng-click="openMap("testing")">Map</button>';

contentString = $compile(contentString)($scope);

希望能解决您的问题。