Scope function gets called and executed multiple times angularjs

Question

I have a scope function that gets called and executed multiple times. How can i avoid this or how can I stop this?

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

I know it has to do something with databinding and $digest but i just cant figure out how to make it not execute multiple times.

Any help is appreciated

you have used it with ng-repeat it will be called each time the img tag is created ! — Shoaib Ahmed
– Shoaib Ahmed, Commented Aug 9, 2015 at 19:32

charlietfl · Accepted Answer · 2015-08-09 19:43:28Z

1

Your function isn't doing anything that you couldn't do simply using a scope variable for the image paths:

JS

$scope.imagePath = AppSettings.baseApiUrl;

HTML

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

answered Aug 9, 2015 at 19:43

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Scope function gets called and executed multiple times angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related