angularjs路由可以有可選的參數值嗎？

Question

我可以設置可選的PARAMS（相同的模板和控制器的路線，但如果他們不存在？有些PARAMS應該被忽略

因此，而不是寫以下兩條規則，只有一個？

module.config(['$routeProvider', function($routeProvider) { 
    $routeProvider. 
    when('/users/', {templateUrl: 'template.tpl.html', controller: myCtrl}).    
    when('/users/:userId', {templateUrl: 'template.tpl.html', controller: myCtrl}) 
}]); 

像這樣的東西（[此參數是可選]）

when('/users[/:userId]', {templateUrl: 'template.tpl.html', controller: myCtrl}) 
//note: this previous doesn't work 

我找不到自己的文檔中任何事情。

Answer 1

它看起來像Angular現在支持這一點。

從最新的（V1.2.0）文檔爲$routeProvider.when(path, route)：

path可以包含可選的命名組帶有問號（:name?）

Answer 2

其實我認爲OZ_可能有點正確。

如果你有路線'/users/:userId'並導航到'/users/'（注意尾部/），你的控制器中的$routeParams應該是1.1.5中包含userId: ""的對象。所以沒有參數userId沒有被完全忽略，但我認爲這是你最好的。

Answer 3

像@ G-eorge提，你可以把它像這樣：

module.config(['$routeProvider', function($routeProvider) { 
$routeProvider. 
    when('/users/:userId?', {templateUrl: 'template.tpl.html', controller: myCtrl}) 
}]); 

你也可以儘可能多地做你需要的可選參數。

Answer 4

請參閱@jlareau這裏回答：https://stackoverflow.com/questions/11534710/angularjs-how-to-use-routeparams-in-generating-the-templateurl

您可以使用函數生成模板字符串：

var app = angular.module('app',[]); 

app.config(
    function($routeProvider) { 
     $routeProvider. 
      when('/', {templateUrl:'/home'}). 
      when('/users/:user_id', 
       { 
        controller:UserView, 
        templateUrl: function(params){ return '/users/view/' + params.user_id; } 
       } 
      ). 
      otherwise({redirectTo:'/'}); 
    } 
); 

Answer 5

@JamesBell您可以使用壁球選項，得到的回答在這個崗位： app state with optional param and no trailing slash

.state('path', { 
    url: '/path/:param1', 
    params: { 
     param1: { 
      value: null, 
      squash: true 
     } 
    }, 
    views: { 
     'map-tab': { 
      templateUrl: 'templates/map.html', 
      controller: 'testCtrl' 
     } 
    } 
})