AngularJS - refresh ng-repeat

Question

I\'m using ng-repeat to display a collection of values. My filter options changes according to an ajax call to server. How can I refresh the ng-repeat after the filter parameter

Answer 1

You need to tell angular that the values have changes:

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

Answer 2

You have placed <button ng-click="loadNewFilter()"> filter now</button> out of controller scope.

Answer 3

After receiving your filter called $scope.$apply() as following: It is refresh your scope.

$scope.$apply(function() {
     // your code
});

Answer 4

In my case I had a trackBy in my ng-repeat and had to remove it to get it to update.

Answer 5

I didnt need to use $scope.apply() to see the update. What solved this error for me was to make sure:

1. The update was being called from inside the controller.
2. The controller that called the update was the same that contained the ng-repeat.