Angular JS $location.path(...) not firing route controller

Question

So I'm trying to update the path on form submit using

$location.path('/search');

But it isn't triggering the route registered to '/search' I've tried with a trailing slash too. Nothing, I've also tried $scope.$apply but I just get the $apply already in progress error so there's definitely a scope.

Why wouldn't this call the controller registered to the route or load the templateUrl registered to it.

Router

App.config(function ($routeProvider, $locationProvider) {

    $locationProvider.html5Mode(true).hashPrefix('!');

    $routeProvider
        .when("/", {
                "controller"  : "HomeController",
                "templateUrl" : "templates/home.html"
        })
        .when("/search", {
                "controller"  : "SearchResultsController",
                "templateUrl" : "templates/search-results.html"
        })
        .when("/search/:location", {
                "controller"  : "SearchLocationController",
                "templateUrl" : "templates/search-results.html"
        })
        .otherwise({
                "redirect" : "/"
        });
});

Form `ng-submit` callback

$scope.doSearchRequest = function (event, params) {
    // Prevent the default action
    event.preventDefault();
    $scope.data = params;

    $location.path('/search/');
};

edit

Adding this

$scope.$on('$routeChangeStart', function(next, current) { 
           $console.log('$routeChangeStart', arguments);
        });

Just before the $location.path call shows that the route doesn't start to change. Is this a bug in Angular 1.2.5?

Dave Mackintosh · Accepted Answer · 2013-12-16 10:30:38Z

3

So it turns out I actually needed to have an ng-view somewhere on the page for the whole system to work.

Seems a bit screwy but it works.

answered Dec 16, 2013 at 10:30

Dave Mackintosh

2,7942 gold badges32 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Medet Tleukabiluly Over a year ago

can you leverage your answer deeply, you mean you didn't include ng-view before? Or you just placed it in root? Because i have ng-view, but when route starts from 1 and goes to 2, and then go back to 1, controller either view doesn't load

Collectives™ on Stack Overflow

Angular JS $location.path(...) not firing route controller

Router

Form `ng-submit` callback

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Router

Form ng-submit callback

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related

Form `ng-submit` callback