ng-repeat比其对象更多地调用另一个函数？

Question

我正在使用一个数组和一个数组中的三个对象进行ng-repeat。

我正在调用img src =“{{}}”中的函数，该函数在ng-repeat中。

因此，根据概念，img src函数应该被调用3次（因为我在数组中有3个对象），但它被调用了15次。

  <div class="" ng-init="getCurrentModuleId();"> <!-- 1st image row start -->
    <div class="" ng-repeat="obj in courseModuleData" 
      ng-click="getStartFunction($index + 1);">
      <a href="javascript:;" class="hoverStyle">
        <img id="{{$index + 1}}" src="{{getLockPlayImage($index + 1);}}" 
          class="tresure_img">
      </a>
    </div>
  </div>

js代码： -

function getLockPlayImage(id) {
    $log.info("Welcome to getLockPlayImage function");
    var el = document.getElementById(id);
    el.style.top = $scope.courseModuleData[id - 1].cordinates.x + "px";
    el.style.left = $scope.courseModuleData[id - 1].cordinates.y + "px";
    if (getModuleId.module_id == id) {
      $scope.getImage = "img/start/playbutton_normal.png";
      /*var el =document.getElementById(id);
       el.setAttribute('ng-click', 'startQuestions()');*/
    } else {
      $scope.getImage = "img/start/lock_normal.png";
    }
    return $scope.getImage;
  }

function getCurrentModuleId() {
    var _promiseObject = new promise.Promise();
    $log.info("Welcome to getLock getCurrentModuleId function");

    var getActModule = $scope.startModule();

    getActModule.then(function (result) {

      _promiseObject.done(false, "Downloaded");

      getModuleId = result.rows.item(0);
    });
  }