angular js - Change path but don't reload controller

Question

I've tried the solution here: https://www.consolelog.io/angularjs-change-path-without-reloading/

app.run(['$route', '$rootScope', '$location', function ($route, $rootScope, $location) {
    var original = $location.path;
    $location.path = function (path, reload) {
        if (reload === false) {
            var lastRoute = $route.current;
            var un = $rootScope.$on('$locationChangeSuccess', function () {
                $route.current = lastRoute;
                un();
            });
        }
        return original.apply($location, [path]);
    };
}])

But the path I set it to just gets consumed and reverts back to how it was.

I am skeptical that the monkey parch recommended it that article actually works. — georgeawg, Jan 12 '20 at 23:28

score 0 · Answer 1 · answered Jan 13 '20 at 00:06

The default behavior of the ngRoute router is to reload the ngView when the path changes and the new URL maps to the current route.

If the reloadOnSearch option is set to false, ngRoute will not reload the route when only $location.search() or $location.hash() changes:

app.config(function($routeProvider) {
    $routeProvider.when("/foo", {
        templateUrl: 'foo.html',
        controller: 'fooController',
        reloadOnSearch: false
    });
})

And the app invokes:

$location.hash({pageNumber: n});

A $routeUpdate event is broadcast on the root scope (without reloading the route).¹

angular js - Change path but don't reload controller

1 Answers1