Question

Is there anyway to force angular to update/recompile the variables within a binding? I’m having an issue when I set my array (which is defined as a for loop within my HTML) equal to [] and it doesn’t pick up on it. Any ideas?

Answer 1

One workaround is to make sure you work with the same array reference. I’ve been doing it like this whenever I want to update all of the elements to a bound array:

myArray.length = 0;
angular.forEach(newArray, function(item){
   myArray.push(item);
})

// Note: try without this line first as it isn't always necessary
$scope.$digest();

Using myArray.length = 0 clears out the array retaining the reference to the array see this post for more info.

You can also use the usual splice and unshift to remove and add items to the beginning of the array respectively.