高德地图在angularJS中的InfoWindow动态添加按钮

前两天遇到一个问题，发现高德地图在angularJS中的InfoWindow动态添加按钮，按钮无效问题。
一开始以为是高德地图开放的权限问题，后来今天有空测试了一下，发现不是这个问题，点击无反应。是什么问题，要么点击函数没有加载，要么是点击事件没有绑定成功，因为angularjs是在第一个加载页面的时候一次性把整个页面生成，所以肯定是动态加载dom没有绑定点击事件成功的问题了，后来发现angularJS的$compile 服务了，他就是在动态添加dom的时候把dom编译好添加，然后编译好了，发现appendChild() 提示不是一个 NODE 类型 后来打印了一下，发现是一个数组类型的，而第一个元素就是我们想要的元素内容，那么就很简单了 ，取数组的第0个元素就好了，点击 弹出asd 成功了。。。angularJS半吊子水平很危险。。

$scope.asd =function() {
        alert("asd")
    }
    function openInfo() {
        //构建信息窗体中显示的内容

        var html="<button ng-click='asd()'>asdasd</button>";
        var template = angular.element(html);
        //编译模板
        var Element = $compile(template)($scope);
        infoWindow3 = new AMap.InfoWindow({
            content: Element[0]  //使用默认信息窗体框样式，显示信息内容
        });
        infoWindow3.open(map,map.getCenter());
    }
    openInfo();

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!