我试图将模板文件views/infowindow.html作为我为启动googlemapsapi而编写的服务中InfoWindow的内容包括在内：

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

但是，将Angular content插入InfoWindow时似乎没有处理（通过DevTools检查代码时，插入的代码是<div ng-include src="'views/infowindow.html'"></div>）。

我希望Angular在将include插入到InfoWindow中之前对其进行预处理，但是可惜没有。

我想做的事可能吗？

我在想，在将模板传递给之前，必须以某种方式对其进行缓存infowindow.setContent()，但是我不知道该怎么做（或者即使那是我 应该
做的事情）。我宁愿在事件上加载模板，而不是为每个标记缓存和注入模板。

编辑 看$templateCache和一个相关的SO问题。

编辑2
这是一个尝试使用的插件$compile（InfoWindow的内容仍然是<div id="infowindow_content" ng-include src="'infowindow.html'"></div>）

解

这是基于马克的以下回答。在他的解决方案中，InfoWindow的内容是在第一次单击（任何标记）时编译的，但是直到再次单击任何Marker时，InfoWindow才真正打开，这可能是因为GoogleMaps不耐烦。

移动$compile外部，然后将已编译的模板传递到其中 .addListener可以解决此问题：

for ( … ) {
  …
  infowindow = new google.maps.InfoWindow();
  scope.markers …
  var content = '<div id="infowindow_content" ng-include src="\'infowindow.html\'"></div>';
  var compiled = $compile(content)(scope);

  google.maps.event.addListener(
    marker,
    'click',
    (function( marker , scope, compiled , localLatLng ){
      return function(){
        scope.latLng = localLatLng;//to make data available to template
        scope.$apply();//must be inside write new values for each marker
        infowindow.setContent( compiled[0].innerHTML );
        infowindow.open( Map , marker );
      };//return fn()
    })( marker , scope, compiled , scope.markers[i].locations )
  );//addListener

}//for

更新了Plunker。