Выполнение итерации по массиву в ui-gmap-window. Плагин Angular Google Map.

0

я использую

<ui-gmap-windows>

элемент в Angular, и мне нужно показать содержимое динамического массива внутри маркера. Я попытался использовать ng-repeat, но это не сработало. В принципе, мне нужно, чтобы, когда пользователь нажимает на маркер, информационное окно должно отображать список элементов, связанных с этим маркером.

  • 0
    Трудно что-либо предложить, просто <ui-gmap-windows> , пожалуйста, покажите свой controller.js, особенно, как вы устанавливаете маркеры.
Теги:
google-maps
google-maps-markers
angular-google-maps
ng-repeat

1 ответ

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) и использовать ее в любом из своих дочерних элементов.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню