How to change url via "otherwise" in angular+node without page reload?

Question

JavaScript

On the client side:

app.config(['$locationProvider', '$routeProvider',
function($locationProvider, $routeProvider) {

    $routeProvider
        .when('/', {
            templateUrl: 'components/home.html',
            controller: 'homeController'
        })
        .otherwise('/');

    $locationProvider.html5Mode(true);
}]);

on the server:

app.get('*', function(req, res, next) {
      res.redirect('/#' + req.originalUrl);
});

But the page reloads if you try to apply, for example, the URL "/qwerty". Is there a way to change bad url without reload?

Answer 1

You need to subscribe to the link change event by the $location service and stop the execution of the event, like this

$scope.$on('$locationChangeStart', function(event) {
       event.preventDefault();
});