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

稍微用 Google 搜索了一下，发现 this Github issue。

简而言之，要在 window 中使用 ng-repeat（或其他 angular 指令），您需要传递外部 window 模板和自定义模板<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>

笨蛋演示：http://plnkr.co/edit/mu8jfCJhwSHbCghYpdkr?p=preview

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

ui-gmap-window with directives and expressions

google-maps-api-3

angularjs

angular-google-maps