在ui-gmap-window Angular谷歌地图插件中对数组执行迭代

Question

我使用

<ui-gmap-windows>

元素，我需要在标记中显示动态数组的内容。我试过用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中定义)中提取数据，并将其用于它的任何子标记集合。