реализации угловую-UI-маршрутизатор «иначе» состояние

Question

Если пользователь myURL/ или myURL/#/ или даже myURL/#/Foo они получают на мою страницу индекса.

Но если они набирают myURL/foo, они получают 404. Это ужасно. Вместо этого они должны быть перенаправлены на /.

Я пытаюсь реализовать это, и мне не очень повезло.

(function() { 
    'use strict'; 

    angular 
     .module('myApp') 
     .config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) { 


      $stateProvider 
       .state('index', { 
        name: 'index', 
        url: '/', 
        templateUrl: 'js/views/page1.html', 
        controllerAs: 'page1Controller', 
        data: { pageTitle: 'Main' } 
       }) 
       .state('page2', { 
        name:'page2', 
        url: '/page2/:id', 
        templateUrl: 'js/views/page2.html', 
        controllerAs: 'page2Controller', 
        data: { pageTitle: 'page2' } 
       }) 
      $urlRouterProvider.otherwise('/'); 
     }]); 
})(); 

Я посмотрел на десятки статей, и нигде не я, кажется, чтобы быть в состоянии найти этот простой случай обрабатывается.

Answer 1

На official docs упоминается, что вы можете передать $injector и $location функции в противном случае.

Их пример выглядит следующим образом:

app.config(function($urlRouterProvider){ 
    // if the path doesn't match any of the urls you configured 
    // otherwise will take care of routing the user to the specified url 
    $urlRouterProvider.otherwise('/index'); 

    // Example of using function rule as param 
    $urlRouterProvider.otherwise(function($injector, $location){ 
     ... some advanced code... 
    }); 
}) 

Что вы можете сделать, чтобы достичь своей цели, чтобы создать государство, и всякий раз, когда что-то она не соответствует и входит в противном случае ГЦТ, отправить его в таком состоянии.

$urlRouterProvider.otherwise(function($injector, $location){ 
    $injector.get('$state').go('404'); 
}); 

Я не проверял это, но должен работать.