ngRepeat doesn't fully reload DOM on simple array

Question

I am using simple array of numbers like below with ng-repeat:

n = [1,2,3,4,5,6]

The issue is, when I change this array for eg:

n=[1,2,3]

It doesn't fully reload the DOM but instead it just remove the last 3 div elements related to array 4, 5, 6. Is there any way to force the ng-repeat to reload DOM everytime I change the array.

Thats why AngularJS is such cool, data-binding on MV*. But, what exactly is your problem with this behavior? — lin
– lin, Commented Jun 11, 2015 at 14:01
Actually I am using different layout everytime I change the array. Otherwise ngRepeat doesn't update div element related to first 3 array values. — codelearner
– codelearner, Commented Jun 11, 2015 at 14:23
@codelearner, I suggest you add more details about your change of layout objective — New Dev
– New Dev, Commented Jun 12, 2015 at 0:34

didando8a · Accepted Answer · 2015-06-11 14:10:47Z

1

Have you try it change the array into an $apply call?, something like:

$scope.$apply(function() {
    n = [1, 2, 3];
});

answered Jun 11, 2015 at 14:10

didando8a

1281 silver badge7 bronze badges

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

3 Comments

codelearner Over a year ago

This also doesn't work because according to ngRepeat documentation - Should you reload your data later, ngRepeat will not have to rebuild the DOM elements for items it has already rendered, even if the JavaScript objects in the collection have been substituted for new ones.

didando8a Over a year ago

This article could help you then: bennadel.com/blog/…

codelearner Over a year ago

@didando8a Thanks for the link. But I am using simple array of numbers not objects.

Collectives™ on Stack Overflow

ngRepeat doesn't fully reload DOM on simple array

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related