我有一个angluar模块。 在那个模块中,我有一个带功能的控制器。 我需要在href click上的弹出窗口中执行该函数。
由于弹出内容最初不是DOM或角度上下文的一部分,如何使生成的代码执行角度函数?
以下是我尝试编码的内容:codepen
app.controller('AppCtrl', ['$scope', 'myPopup', function($scope, myPopup) {
...
var infoWindow = new google.maps.InfoWindow({
content: "<a href='#' onclick='myPopup.show();'>this is my link</a>"
});
要保留,我不会尝试完全执行此代码,我只是搜索从生成的“on-fly”html代码(动态弹出内容,执行角度服务函数)的方法我的情况)。
答案 0 :(得分:1)
首先,这是工作的代码:http://codepen.io/anon/pen/vKRWYy?editors=1010
因此,解决方案(只是一个解决方案。不是解决方案)是在window
或全局范围上添加模态打开功能。并在点击地图时调用该功能。
window.showPopup = function(){
myPopup.show();
};
<a href='#' onclick='showPopup();return false;'>this is my link</a>
另一方面,使用带有角度的非角度代码通常不是一种好习惯。可能值得查看角色谷歌地图实现,如:http://angular-ui.github.io/angular-google-maps/#!/。可能?