Как установить разные идентификаторы в Angular для элементов HTML, добавленных с angular.append

Question

Как установить разные идентификаторы в Angular для элементов HTML, добавленных с angular.append

0

Имея этот код в моей директиве, который содержит карту буклета:

angular.element($elem[0]).append(angular.element('<div id="map" style="width: 100%; height: calc(100% - 25px); border: 1px solid #ccc"></div>'));

map = new L.Map('map', {layers: [osm], center: new L.LatLng(center[0], center[1]), zoom: 10});

Как установить другой идентификатор для каждой копии директивы, которую я добавляю? Таким образом, я мог бы иметь несколько копий карты на экране, а не единственный, который у меня есть на данный момент. Спасибо.

Shoplifter20 20 апр. 2016, в 02:08

Источник

Теги:

javascript

angularjs

leaflet

1 ответ

Ещё вопросы

thegio · Answer 1 · 2016-04-19T21-15-00.000Z

вы можете попробовать что-то вроде этого:

$scope.mapCount=0;

angular.element($elem[0]).append(angular.element('<div id="map'+ mapCount++ +'" style="width: 100%; height: calc(100% - 25px); border: 1px solid #ccc"></div>'));

Я надеюсь, что это помогает.

Это не похоже на работу: Ошибка: Контейнер карты не найден.