相关疑难解决方法(0)

AngularJS ng-包含在Google Maps InfoWindow中?

我正在尝试将模板文件views/infowindow.html作为我的InfoWindow内容包含在我编写的服务中以启动google maps api:

for ( var count = locations.length, i = 0; i < count; i++ ) {

  var latLng  = locations[i],
    marker = new google.maps.Marker({
      …
    }),
    infowindow = new google.maps.InfoWindow();

  google.maps.event.addListener(
    marker,
    'click',
    (function( marker , latLng ){
      return function(){
        var content = '<div ng-include src="\'infowindow.html\'"></div>';
        infowindow.setContent( content );
        infowindow.open( Map , marker );
      }//return fn()
    })( marker , latLng )
  );//addListener

}//for
Run Code Online (Sandbox Code Playgroud)

但是,content当Angular 插入InfoWindow时似乎没有处理(当通过Dev Tools检查代码时,插入的代码是<div ng-include src="'views/infowindow.html'"></div>).

我希望Angular在将它插入InfoWindow之前预先处理我的包,但是没有.

我正在尝试做什么?

我想我将不得不以某种方式缓存模板,然后传递给它infowindow.setContent() …

javascript include infowindow google-maps-api-3 angularjs

14
推荐指数
2
解决办法
2万
查看次数