AngularJS data binding redrawing inside ng-repeat

Question

If i had a scope like this one

$scope.array = [ { a: 1, b: 2 }, { a: 2, b: 1 }];

With a view:

<div>A:
  <div ng-repeat="obj in array">{{obj.a}}</div>
</div>

Having in mind that the expression {{obj.a}} is served vía the ng-repeat directive, my question is if the AngularJS watcher behind the expression {{obj.a}} will execute if i change obj.b like this

$scope.players[0].b = 666

In other words, having an array of objects drawn in the screen, if i change an attribute that is not binded to the view of one of those objects, ¿will the view try to redraw itself anyway?

Brian Genisio · Accepted Answer · 2013-10-28 01:08:28Z

1

No, the interpolation is using the $parse service to figure out what to watch on. It will only update that text node when obj.a changes.

It is similar to writing $scope.$watch("obj.a", handler). In this case, it is evaluating that statement on every digest. If the result of that statement changes, then it will call your function. In the case of interpolation, the callback function then updates the DOM.

answered Oct 28, 2013 at 1:08

Brian Genisio

48.2k17 gold badges129 silver badges169 bronze badges

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

Collectives™ on Stack Overflow

AngularJS data binding redrawing inside ng-repeat

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