如何在Angular中为使用angular.append添加的HTML元素设置不同的ID

Question

在我的指令中包含这个代码，其中包含一个传单映射：

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});

如何为我添加的指令的每个副本设置不同的ID？通过这种方式，我可以在屏幕上显示地图的多个副本，而不是我目前唯一的副本。谢谢。

Answer 1

你可以试试这样的事情：

$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>'));

我希望它有所帮助。