Angularjs 11 iterations issue

Question

Given this example can someone explain to me why angularjs makes always 11 iterations for each $scope function?

Because of that it reaches digest loop limit.

http://plnkr.co/edit/Cy4pytYGH1zLIvvpJIBv?p=preview

Thanks in advance.

edited

$scope.ttotal = function() {
    var ttotal = 0;
    angular.forEach($scope.formData.items, function(item) { 
        ... code here ...
    });
}

Nikola Yovchev · Accepted Answer · 2014-04-02 16:11:05Z

3

It is fairly simple. Both your ttotal() function and the items are on scope. When your template renders, ttotal is called, which increments the items. Since the items are on scope, and angular is greedy in evaling scope changes, it would trigger a template re-rendering, which is going to trigger the ttotal() call again...and so on, until 10/11.

http://plnkr.co/edit/VWXTIZZFZwI1xm0CT5a3?p=preview

This plunkr shows what happens when items are not in the template.

answered Apr 2, 2014 at 16:11

Nikola Yovchev

10.4k4 gold badges50 silver badges74 bronze badges

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

6 Comments

Tiago Moutinho Over a year ago

Ok i understand now, its beacuse they are in the scope. But what if i have a list (ng-repeat) then with that function i want to sum some values that are on the same scope as well. it gives me that same 10/11 iterations. Do you have some solution for that?

Tiago Moutinho Over a year ago

i have edited my question with some code that gives the same error.

Nikola Yovchev Over a year ago

You shouldn't use a function as a return value in a template. You'd expect to attach this function on an ng-click or something, but not rendered in the template. You shouldn't put functions in your template for rendering purposes, especially if those functions affect other stuff on scope. You can try using ng-init, but i am not sure it is nice.

Tiago Moutinho Over a year ago

my goal is to dynamically change some value in the template using simple scope binding.

Nikola Yovchev Over a year ago

I seriously have no idea what you want to do...take a look at this plunkr: plnkr.co/edit/zortRo5XqzFeAdNP2sx2?p=preview

|

Collectives™ on Stack Overflow

Angularjs 11 iterations issue

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related