Not able to change path using $location service even after using $scope.apply

Question

I am wondering why I am not able to change my view using location service even after I use -

$scope.$appy() or $scope.apply;

I did research before posting my question. I got results of similar questions and none of those are matching my scenario.

I do not want to use timer function for achieving the same like specified in link because its CPU intensive: angularjs path not changing even after apply

The strange behavior in my app is I am able to change location with following code in other scripts:

$location.path("authenticate").replace();
$scope.$apply();

OR

$location.path("authenticate").replace();
$scope.apply;

Which works fine without any issues.

The only difference is: Above code works fine when it gets executed without any event trigger but it takes to blank page if I use above code on button click event like this:

 <li data-ng-click="logout()"><a data-ng-href="#">Sign Out</a></li>

Any help will be helpful.

Answer 1

If you are trying execute your code after some async execution (when logout happens, etc) - your Angular engine might not know on operation completion.

Use scope.apply with concrete action inside. Also be aware of digest process, this can fire exception

$scope.$apply(function(){
   if(!$scope.$$phase) {
       $location.path('authenticate');
   } 
});