如何在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>'));

希望對您有所幫助。