В противном случае на StateProvider

Question

Использование углового ui-router Как использовать otherwise method на $stateProvider или как его можно использовать?

Answer 1

Вы не можете использовать только $stateProvider.

Вы должны вводить $urlRouterProvider и создать код, подобный:

$urlRouterProvider.otherwise('/otherwise'); 

/otherwise URL должен быть определен на состояние, как обычно:

$stateProvider 
    .state("otherwise", { url : '/otherwise'...}) 

Смотрите эту ссылку, где ksperling explains

Answer 2

Хорошо, глупый момент, когда вы понимаете, что вопрос, который вы задали, уже ответил в первых строках образца кода! Просто взгляните на образец кода.

 angular.module('sample', ['ui.compat']) 
     .config(
     [  '$stateProvider', '$routeProvider', '$urlRouterProvider', 
     function ($stateProvider, $routeProvider, $urlRouterProvider) { 
      $urlRouterProvider 
      .when('/c?id', '/contacts/:id') 
      .otherwise('/'); // <-- This is what I was looking for ! 


      .... 

Take a look here.

Answer 3

Вы можете с $stateProvider с помощью поймать всех синтаксис ("*path"). Вам просто нужно добавить состояние конфигурации в нижней части списка, как следующему:

$stateProvider.state("otherwise", { 
    url: "*path", 
    templateUrl: "views/error-not-found.html" 
}); 

Все опции объясняются в https://github.com/angular-ui/ui-router/wiki/URL-Routing#regex-parameters.

Приятная вещь этого варианта, в отличие от $urlRouterProvider.otherwise(...), заключается в том, что вы не вынуждены менять местоположение.

Answer 4

Вы также можете вручную ввести $ state в другую функцию, после чего вы можете перейти к состоянию не-url. Это имеет преимущество браузера, не меняющего адресную строку, что полезно для обработки возврата к предыдущей странице.

$urlRouterProvider.otherwise(function ($injector, $location) { 
     var $state = $injector.get('$state'); 

     $state.go('defaultLayout.error', { 
      title: "Page not found", 
      message: 'Could not find a state associated with url "'+$location.$$url+'"' 
     }); 
    }); 

Answer 5

В accepted answer ссылки angular-route спрашивает о ui-router. Принятый ответ использует "monolithic"$routeProvider, который требует ngRoute модуля (в то время как ui-router необходим модуль ui.router)

highest-rated answer использует $stateProvider вместо этого, и говорит что-то вроде .state("otherwise", { url : '/otherwise'... }), , но я не могу найти ни одного упоминания о «иначе» в documentation it links. Тем не менее, я вижу, что $stateProvider упоминается in this answer, где он говорит:

Вы не можете использовать только $stateProvider. Вам необходимо ввести $urlRouterProvider

Вот где мой ответ может вам помочь. Для меня это было достаточно, чтобы использовать $urlRouterProvider так же, как это:

my_module 
    .config([ 
    , '$urlRouterProvider' 
    , function(
     , $urlRouterProvider){ 
      //When the url is empty; i.e. what I consider to be "the default" 
      //Then send the user to whatever state is served at the URL '/starting' 
      //(It could say '/default' or any other path you want) 
      $urlRouterProvider 
        .when('', '/starting'); 
        //... 
    }]); 

Мое предложение согласуется с ui-routerdocumentation, (this specific revision), где он включает в себя подобное использование из.when(...) (первый вызов функции):

app.config(function($urlRouterProvider){ 
    // when there is an empty route, redirect to /index 
    $urlRouterProvider.when('', '/index'); 

    // You can also use regex for the match parameter 
    $urlRouterProvider.when(/aspx/i, '/index'); 
})