角。从弹出窗口执行角度函数

时间:2016-07-21 10:10:32

标签: angularjs popup infowindow

我有一个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代码(动态弹出内容,执行角度服务函数)的方法我的情况)。

1 个答案:

答案 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/#!/。可能?