javascript - 使用 angular-google-maps 无法将点击事件绑定(bind)到用于显示单个窗口的标记

Question

我收到一个 JSON 对象作为我的标记的数据源。之后我为每个标记绑定(bind)点击/关闭功能

笨拙:http://plnkr.co/edit/A9IbIFpj3d9tH6z9NYjf?p=preview

    angular.forEach(tmp, function(value, key){
        
        value.onClick = function(){
            console.log("Clicked!");
            $scope.selected.show = false;
            $scope.selected = value;
            $scope.selected.show = !$scope.selected.show;
            $scope.$apply();
                            
        };
        value.CloseClick = function() {
            $scope.selected.show = false;
            console.log("CloseClicked");
            $scope.$apply();
        };
        this.push(value);
    }, $scope.markers);

然后使用 Angular Google Maps 在 Google map 上绘制标记

            <ui-gmap-google-map center='map.center' zoom='map.zoom'>
                <ui-gmap-markers models="markers" fit="true" coords="'self'" click="onClick">
                </ui-gmap-markers>
                <ui-gmap-window coords="selected" show="selected.show" closeClick="closeClick"><div>aga</div></ui-gmap-window>                      
            </ui-gmap-google-map> 

但是当我点击一个标记时，onClick 函数并没有触发。我是 Angular.js 的新手，但似乎我有一个问题(或者对我来说可能更糟 - 使用 JavaScript 本身)，而不是 Angular Google map ，但我不确定。感谢您的帮助。

[更新] 使用 click="'onClick'" 而不是 click="onClick" 解决了问题

Answer 1

您还可以在方法中添加圆括号 ()，例如点击="onClick()"