范围函数被多次调用并执行多次

时间:2015-08-09 19:29:39

标签: angularjs angularjs-scope

我有一个可以多次调用和执行的范围函数。我怎样才能避免这种情况或如何阻止这种情况?

<div class="row">
   <label>Attached Documents</label>        
   <ion-scroll> 
      <img ng-repeat="image in detailedCaseInfo.real_estate_agent_assignment_attachments" ng-src='{{urlForImageDownload(image.filename)}}' ng-click="showImagesDetailed($index)" class="image-list-thumb" height="50px"/>
  </ion-scroll> 
</div>  



$scope.urlForImageDownload = function(imageName) {
    var name = imageName.substr(imageName.lastIndexOf('/') + 1);
    console.log(name)
    console.log(imageName)
    var trueOrigin = AppSettings.baseApiUrl + imageName;
    console.log(trueOrigin)
    return trueOrigin;
  }

我知道它必须对数据绑定和$ digest做一些事情,但我不知道如何让它不执行多次。

感谢任何帮助

1 个答案:

答案 0 :(得分:1)

你的功能没有做任何你不能只为图像路径使用范围变量做的事情:

JS

$scope.imagePath = AppSettings.baseApiUrl;

HTML

<img ng-repeat="...." ng-src="{{imagePath + image.filename}}">