如Can angularjs routes have optional parameter values?所述
和 AngularJS: Routing with URL having optional parameters
带有参数名称的问号 ?
应该使其成为可选的。它对我没有帮助。
var app = angular.module('app', ['ui.router','ngRoute']);
app.config(function ($urlRouterProvider, $stateProvider) {
$urlRouterProvider.otherwise('/a');
$stateProvider.state('a', {
url: '/a',
templateUrl: 'views/a.html'
}).state('b', {
url: '/b/:code?/:d?',
templateUrl : 'views/b.html'
})
});
此网址 http://localhost:xx/kk/#/b/1/2对我来说很好用。 但是http://localhost:xx/kk/#/b (没有任何参数)和 http://localhost:xx/kk/#/b/1不适合我...
您可以看到我正在将 $stateProvider
与 ui-router 一起使用。我不想切换到 $urlRouteProvider
最佳答案
我们需要的是一个名为 params : {}
的设置,它可以处理可选参数:
params: {
code: {squash: true, value: null},
}
所以状态定义是
.state('b', {
url: '/b/:code/:d',
templateUrl : 'views/b.html',
params: {
code: {squash: true, value: null},
d : {squash: true, value: null},
}
})
这些都行得通:
<a href="#/b">
<a href="#/b/code1">
<a href="#/b/code22">
<a href="#/b/code333/d4">
查看这些以获取更多详细信息和示例:
- AngularJS UI Router: Route conflict because of optional parameter
- Angular UI-Router more Optional Parameters in one State
这里还有一些魔法:
关于angularjs - 使用 stateProvider angularjs 的具有多个可选参数的 URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33915852/