使用 javascript 和 Angularjs 循环

Question

这里存在两个循环，custom-maker 工作但点击功能不工作，点击改变所有'mkrclick'，通过点击custom-maker0 等不会改变mkrclick0，有人可以教我吗？解决这个问题？ 我非常感谢这些人。

<script>
angular.module('ngMap').run(function($rootScope) {
$rootScope.mouseover = function() {
console.log('mouseover', this);
this.style.backgroundColor = 'white';
};
$rootScope.mouseout = function() {
this.style.backgroundColor = '#FEF9E7';
};

$rootScope.click = function() {
for ( var e=0; e < map_data.length; e++) {
document.getElementById('mkrclick'+e).innerHTML = "<div>Paragraph          changed!</div>";}};

$rootScope.customMarkers = [];
  for (var i = 0; i < map_data.length; i++) {
    $rootScope.customMarkers.push({
    address: map_data[i].work_address,
    "class": "my1",
    content: map_data[i].work_address,
    content_1: map_data[i].job_reward,
    idnum: 'mkrclick'+ i
    });
  }
  });
  </script>




    <custom-marker ng-repeat="cm in customMarkers" position="         {{cm.address}}"
      on-mouseover="mouseover()" on-mouseout="mouseout()"
      on-click="click()">

<div ng-repeat="cm in customMarkers" id='{{cm.idnum}}' class="padrep">

Answer 1

将cm传递给click()函数，然后使用该标记对象的属性来执行所需的操作

on-click="click(cm)"

$rootScope.click = function(cm) {
      document.getElementById(cm.idnum).innerHTML = 'TEST';
}

Answer 2

<div ng-repeat="i in [] | range:100">
//do stuff
</div>