在 ui-gmap-window Angular Google Map 插件中对数组执行迭代

Question

我正在使用

<ui-gmap-windows>

Angular 中的元素，我需要在标记内显示动态数组的内容。我尝试使用 ng-repeat，但它不起作用。基本上，我需要当用户单击标记时，信息窗口应显示与该标记关联的项目列表。

Answer 1

您应该将列表与标记本身相关联。

所以当你在 Angular 中创建标记时，试试这个

var markers = [];

for(var i = 0; i < latLng.length; i++){
    markers.push({
        id: i,
        ...
        ...
        myList:[{...},{...}]
    });
}

您的 html 应该如下所示：

<ui-gmap-google-map...
   <ui-gmap-marker ng-repeat="m in markers"...
      <ui-gmap-window...

         [Your Info Window Content Here]

         <div>{{m.myList[0].stuff}}</div>
         <div>{{m.myList[1].stuff}}</div>
         <div>{{m.myList[2].stuff}}</div>

      </ui-gmap-window>
   </ui-gmap-marker>
</ui-gmap-google-map>

如您所见，您可以从父标记集合（m，在 ui-gmap-marker 中定义）中提取数据并在其任何子标记中使用。