AngularJs $watch on $location.search doesn't work when reloadOnSearch is false AngularJs $watch on $location.search doesn't work when reloadOnSearch is false angularjs angularjs

AngularJs $watch on $location.search doesn't work when reloadOnSearch is false


In case you don't use Angular's route resolution or you just want to know whenever $location changes, there is an event just for that purpose

$rootScope.$on('$locationChangeSuccess', function(event){        var url = $location.url(),            params = $location.search();})


You can listen for $routeUpdate event in your controller:

$scope.$on('$routeUpdate', function(){  $scope.sort = $location.search().sort;  $scope.order = $location.search().order;  $scope.offset = $location.search().offset;});


Stewies answer is correct, you should listen to $routeUpdate events for that since it's more efficient.

But to answer why your watch isn't working; when you watch location.search(), you're watching if the reference that the search method returns is the same or not. And it will return the reference to the same object every time you call it, which is why your watch isn't firing. That is, even if the search parameters change, it's still the same object that is returned. To get around that, you can pass in true as the third argument to $watch. That will tell Angular to compare by value, not reference. But be careful when creating such watches, because they will consume more memory, and take longer to execute. So that's why you should do it like stewie said.