带有指令和表达式的ui-gmap-window

Question

我正在尝试放入一些HTML模板ui-gmap-window.HTML包含诸如ng-click和之类的指令ng-repeat但它们不起作用.

<ui-gmap-google-map bounds="map.bounds" 
                        center="map.center" 
                        zoom="map.zoom" 
                        options="options">
      <ui-gmap-window options="windowOpt"
                      show="windowOpt.show"
                      closeClick="closeWindow">
        <div class='map-popup'>
            <div><a ng-click='doIt()' href='#'>Action</a></div>
            <div ng-repeat="item in list">
                {{item.content}}
            </div>
        </div>
      </ui-gmap-window>
</ui-gmap-google-map>

或者我可能需要用另一种方法来制作类似旋转木马的内容ui-gmap-window？

谢谢

以下是一个示例:http: //plnkr.co/edit/k8vvW3

Answer 1

谷歌略微搜索,发现这个Github问题.

简而言之,要在窗口内使用ng-repeat(或其他角度指令),您需要将外部窗口模板和自定义模板参数传递给您<ui-gmap-window>,如下所示:

index.html的:

<ui-gmap-window options="windowOpt"
    show="windowOpt.show"
    closeClick="closeWindow"
    templateUrl="'windowContent.html'"
    templateParameter="windowParams">
</ui-gmap-window>

的script.js:

$scope.windowParams = {
    list: $scope.list,
    doIt: function() {
        return $scope.doIt()
    }
}

windowContent.html:

<div class='map-popup'>
    <div><a ng-click='parameter.doIt()' href='#'>Action</a></div>
    <div ng-repeat="item in parameter.list">
        {{item.content}}
    </div>
</div>

Plunker演示:http://plnkr.co/edit/mu8jfCJhwSHbCghYpdkr？p = preview