$location.path is not working

Question

When user has enter correct username and password I want redirect to another location. But when I used $location.path('dashboard') here then URL of browser is changed but that page not loaded.when refresh I page using ctrl+R or click on refresh icon of browser then appropriate page is loaded.

$http.post('/login', $scope.userInfo)
        .success(function (data) {
            //Check if the authentication was a success or a failure
            //Successful POST here does not indicate success of authentication
            if (data.status === "authentication success") {

                //Proceed to load the dashboard for the user                    
                $location.path('/dashboard');

            } else if (data.status === "authentication error") {
                //Inform user of the error
                $scope.errorMessage = data.error;
                $scope.showErrorMessage = true;
            }

        })
        .error(function (error) {
            $scope.errorMessage = "Error while attempting to authenticate. Check  log.";
            $scope.showErrorMessage = true;

        });
    };

}]);

Have you tried using $scope.$apply after that? eg. `if(!$scope.$$phase) $scope.$apply()` — Rafal Pastuszak, Aug 09 '13 at 13:08
@RafalPastuszak your answer worked for me. Pls put it up as a separate answer — davneetnarang, Nov 27 '13 at 11:25
possible duplicate of [Angular $location.path not working](http://stackoverflow.com/questions/19359553/angular-location-path-not-working) — Jim G., Nov 06 '14 at 01:54

score 24 · Accepted Answer · answered Nov 28 '13 at 13:21

24

Have you tried using $scope.$apply after that? eg.:

if(!$scope.$$phase) $scope.$apply()

This short method comes in handy quite often as well:

https://github.com/yearofmoo/AngularJS-Scope.SafeApply

answered Nov 28 '13 at 13:21

Rafal Pastuszak

3,001
2
28
31

@ShankarKamble why accept the answer if it didn't help you? – Mark Amery Feb 22 '15 at 17:47
4

Please don't blindly use `$scope.$apply` without understanding why. It is rarely necessary or useful, since Angular will automatically perform your async callbacks within a digest for you. Needing apply generally means that you've stepped outside the Angular framework unnecessarily, such as by using `jQuery.ajax` instead of `$http`, `setTimeout` instead of `$timeout`, `onclick` instead of `ng-click`, or some other async callback from outside Angular that an Angular wrapper already exists for. – Mark Amery Feb 22 '15 at 17:52
@MarkAmery yea. I found myself here because of setTimeout. Just didn't know $timeout existed. – user137717 Sep 07 '15 at 02:55
@MarkAmery Very useful comment – Mr_Perfect Mar 13 '17 at 12:19

score 14 · Answer 2 · edited Dec 26 '15 at 19:31

14

To quote https://docs.angularjs.org/guide/$location

"The $location service allows you to change only the URL; it does not allow you to reload the page. When you need to change the URL and reload the page or navigate to a different page, please use a lower level API, $window.location.href."

So, for example, instead of using: $location.path("/path/to/something");

Use this: $window.location.href = "/path/to/something";

$window.location.href will change the URL AND load the new page.

Hope that helps.

edited Dec 26 '15 at 19:31

georgeawg

47,985
13
70
91

answered Oct 31 '15 at 07:30

DondeEstaMiCulo

3,341
4
31
32

1

In my case I coudn't get this to work with $window so I used just 'window.location.href'. – Adam Youngers Feb 29 '16 at 07:58
Yes, I think it's just `window.location.href`. Using window.location.href was the right solution -- thanks so much. – Steve Goldberg Apr 23 '16 at 03:34
1

To use `$window`, be sure to include it in your function parameters, like so: `myApp.controller('myCtrl', function($window, $location){...})` – DondeEstaMiCulo Jun 16 '16 at 20:43

score 5 · Answer 3 · answered Apr 25 '14 at 11:45

5

If you don't have $scope (like in case of service) then you can use

 $location.path('/path');
 if (!$rootScope.$$phase) $rootScope.$apply();

answered Apr 25 '14 at 11:45

Aravind

320
2
10

1

Nothing else worked for me, but this did. Thanks! :-] – Enrique Delgado Dec 02 '15 at 21:48
That's great. Worked perfectly for me in my error scenario. (running a 3rd party handler function from an external library inside my controller and needed to force scope). – tonejac May 20 '16 at 01:35

score 3 · Answer 4 · answered Mar 21 '16 at 12:06

3

Try this (don't forget to inject $timeout):

$timeout(function () {
   $location.path('/dashboard'); 
}, 0);

answered Mar 21 '16 at 12:06

Arman

643
5
11

This did it for me. No need for $scope.$apply() with this method – Michael Norgren Nov 15 '17 at 15:28

score 0 · Answer 5 · answered Nov 06 '17 at 22:41

0

Use $timeout(function){} this will work

answered Nov 06 '17 at 22:41

hazem

1
3

Thanks for the advice – hazem Nov 07 '17 at 01:10

score -2 · Answer 6 · edited Sep 28 '15 at 09:32

-2

Use $rootScope.$evalAsync

for example:

$rootScope.$evalAsync(function() {
     $location.path('/dashboard'); 
});

edited Sep 28 '15 at 09:32

Mo.

23,921
35
145
210

answered Jul 11 '15 at 06:20

Snm Maurya

1,019
9
12

score -6 · Answer 7 · edited Apr 23 '14 at 13:58

-6

Try:

 $location.path('/dashboard');
 $location.reload();

edited Apr 23 '14 at 13:58

GrAnd

10,051
3
29
41

answered Apr 23 '14 at 13:35

user3564818

1

2

.reload() is not a valid method on the $location object – Iain Collins Aug 06 '15 at 11:30

$location.path is not working

7 Answers7

Linked