javascript - AngularJS ngmap 将范围变量传递给 infoWindow

Question

我正在使用 ngmaps ( https://github.com/allenhwkim/angularjs-google-maps ) 在我的应用程序中动态加载标记和信息窗口。

在我看来它看起来像这样:

<marker
    data-ng-repeat="ltd in ltds"
    data-position="{{ltd.gps}}"
    data-title="{{ltd.code}}"
    data-draggable="false"
    data-visible="true"
    data-icon="images/marker.png"
    data-on-click="showInfoWindow(event, ltd.code)">
</marker>

<info-window data-ng-repeat="ltd in ltds" id="{{ltd.code}}" data-position="{{ltd.gps}}" data-ltd="{{ltd}}">
    <div ng-non-bindable>
        <div class="infoWindow">
            <div class="content">code: {{ltd.code}}</div>
        </div>
    </div>
</info-window>

但是在 infoWindow 中内容 {{ltd.code}} 没有显示。我做错了什么？

Answer 1

上面的解决方案对我不起作用，我认为它与 ng map 版本有关

所以我写了我的解决方案: http://plnkr.co/edit/eEE9tX4PlDstCeiQI6x2?p=preview

     $scope.showInfoWindow = function (event, p) {
        var infowindow = new google.maps.InfoWindow();
        var center = new google.maps.LatLng(p[0],p[1]);

        infowindow.setContent(
            '<h3>' + p + '</h3>');

        infowindow.setPosition(center);
        infowindow.open($scope.objMapa);
     };`

我在单击事件上创建信息窗口，然后我可以完全控制信息窗口