Angular run function once in NG-Repeat

Question

I have an ng-repeat and inside that ng-repeat i have

<p style="color:red">Booked Ref : {{agencyref(contentzz.Ref)}}</p>

With the way angular works it's constantly running the function, but that function has a HTTP request inside it, i just want to run it once. Is there something else i can use?

cbass · Accepted Answer · 2016-08-25 12:58:27Z

1

You're able to use the one-time binding syntax (::).

When using one-time binding the expression will only be evaluated once. After evaluation the watcher will be removed, thus the output of the expression will not be updated the next time the digest cycle is being triggered

Using one-time binding:

<p style="color:red">Booked Ref : {{::agencyref(contentzz.Ref)}}</p>

More info in docs: https://docs.angularjs.org/guide/expression#one-time-binding

edited Aug 25, 2016 at 12:58

answered Aug 25, 2016 at 12:55

cbass

2,5583 gold badges29 silver badges39 bronze badges

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

3 Comments

Gaz Smith Over a year ago

Still seems to be continuing

Gaz Smith Over a year ago

i get this error : Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting! [phonegap] Watchers fired in the last 5 iterations: []

cbass Over a year ago

Now I realized that this actually dont work on expression. I will update answer soon.

Deepak Jha · Accepted Answer · 2016-08-25 13:40:05Z

1

If you wish to run this just once, why do you want to include it in ng-repeat?

Suggestion 1 : I suggest you can use ng-init in the parent tag and use the result later.

Suggestion 2 : You can make use of .run method of your angular module, however this is a very specific requirement. With your current question I am not sure if this will fit you or not, but this is another way of executing the method just once.

answered Aug 25, 2016 at 13:40

Deepak Jha

1,61913 silver badges17 bronze badges

2 Comments

Gaz Smith Over a year ago

Thanks for your answer, i'm quite new to angular ive not been able to impliment either of these suggestions, could you please expand a little on the ng-init?

Gaz Smith Over a year ago

i dont want to run it once, i want to run it once for each repeated item

Atul Sharma · Accepted Answer · 2016-08-25 12:58:21Z

-1

Use this

<p style="color:red" ng-if="$first">Booked Ref : {{agencyref(contentzz.Ref)}}</p>

So, this will get executed for the first element only.

answered Aug 25, 2016 at 12:58

Atul Sharma

11k10 gold badges42 silver badges69 bronze badges

1 Comment

Gaz Smith Over a year ago

I want to run the function on every element but only once

Collectives™ on Stack Overflow

Angular run function once in NG-Repeat

3 Answers 3

3 Comments

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related