其他在StateProvider上

Question

使用angular-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'); 
})