Angularjs $location.url doesn't work, location.href works

Question

When I try to change the location within my controller it loads server's root, not the certain page:

'use strict';

eventsApp.controller('TestController',
    function TestController($scope, $location){
        console.log('test comes here!');
        $scope.makeTest = function(){
            $location.url('/test');
        }
});

I have a router like this:

'use strict';

var eventsApp = angular.module('eventsApp', ['ngResource','ngSanitize'])
    .config(function($routeProvider, $locationProvider){
        $routeProvider
          .when('/test',{
            templateUrl:'templates/test.html',
            controller:'TestController'
        }).otherwise({
            templateUrl:'templates/default.html',
            controller:'DefaultController',
            redirectTo:''
        });
        $locationProvider.html5Mode(true);
    });

In my index.html I set the directive

<base href="/">

It seems that everytime it implements otherwise. However if I use

location.href = '/test';

instead of

$location.url('/test');

, then it works. I have no idea about such a behavior. Do you?

You need to use `$scope.$apply()` see http://stackoverflow.com/questions/11784656/angularjs-location-not-changing-the-path — Louis-Rémi, May 27 '14 at 11:16
I tried to do so before. It tells me: Error: $apply already in progress — srgg6701, May 28 '14 at 09:56

score 3 · Answer 1 · answered Mar 07 '16 at 19:05

Though this question relates to state here's how you can navigate to another url:

$location.url(myUrl);

This should work but I've seen some issues with it - i.e. it will call the code but just not go anywhere. If this is the case you could also use the $window service like so:

$window.location.assign(url);

score 1 · Answer 2 · answered Oct 06 '14 at 13:15

1

if you have a $scope.apply() already running, consider using $timeout as a workaround.

Not perfect, but shall do the job. Better case: set a global variable which you set to "loaded" once your api are done loading, then update your function/call scope related actions.

answered Oct 06 '14 at 13:15

Xspirits

217
2
7

1

This fixed my problem of `$location.url(newUrl)` not working inside an `ng-click` handler. – Samuel Neff Jan 11 '15 at 00:03

Angularjs $location.url doesn't work, location.href works

2 Answers2