Eu escrevi parte de uma aplicação web em Angular. Para garantir que todas as rotas sejam cobertas, eu gostaria de adicionarredirectTo propriedade para o$routeProvider, para que as rotas inválidas sejam retornadas para a raiz do aplicativo da Web, que não usa o Angular.

Eu tentei:

$routeProvider.otherwise({
    redirectTo: '/'
});

mas obviamente isso só rotas na parte controlada angular da URL, para que os usuários seriam redirecionados para um URL comohttp://app.com/angular-part-of-web-app#, ao invés dehttp://app.comonde eu gostaria que eles fossem.

Eu trabalhei em torno disso por ter uma parcial em branco para atuar como uma página '404', e então um controlador que apenas usa o$window objeto para redirecionar para a página desejada:

routes.js

// Redirect to site list.
$routeProvider.when('/404', {
    templateUrl: '/partials/404.html',
    controller: 'RedirectCtrl'
});

// Redirect to the 404 page.
$routeProvider.otherwise({
    redirectTo: '/404'
});

controllers.js

// Controller to redirect users to root page of site.
.controller('RedirectCtrl', ['$scope', '$window', function ($scope, $window) {

    $window.location.href = '/';
}]);

No entanto, isso é desencadeando os sinos de alarme 'muito hacky, deve ser uma maneira melhor'. Existe uma maneira melhor de fazer isso em Angular?

EDITAR:Rotas angulares - redirecionando para um site externo? não deu uma resposta para a mesma pergunta. Vou deixar minha pergunta aberta em vez de marcá-la como uma duplicata (por enquanto), pois com o mundo Angular se movendo tão rápido, a resposta anterior pode não ser mais o caso.