Angularjs ui路由器状态URL中有多个参数

是否可以在ui路由器状态url中使用多个参数

注意下面示例中的

id

和

game\u id

.state('games', {
    url: 'users/{id}/games/{game_id}',
    templateUrl: 'games/_game.html',
    controller: 'GameCtrl'
})

---

当我尝试导航到一个URL，比如，

app.io/users/1/games/2

时，它会自动重定向到页面之外，所以我想知道这是否不可能？

要在angular ui router中指定URL参数，您需要使用

：param

而不是

{param}

.state('games', {
    url: 'users/:id/games/:game_id',
    templateUrl: 'games/_game.html',
    controller: 'GameCtrl'
})

---

有关更多示例，请参阅他们的文档。

要在angular ui router中指定url参数，您需要使用

：param

而不是

{param}

.state('games', {
    url: 'users/:id/games/:game_id',
    templateUrl: 'games/_game.html',
    controller: 'GameCtrl'
})

---

有关更多示例，请参阅他们的文档。

回答我自己的问题-是的，这是可能的。 我的错误是使用了不正确的语法

我这样做了

.state('games', {
    url: 'users/{id}/games/{game_id}',
    templateUrl: 'games/_game.html',
    controller: 'GameCtrl'
})

.state('games', {
    url: '/users/{id}/games/{game_id}',
    templateUrl: 'games/_game.html',
    controller: 'GameCtrl'
})

但应该这样做

.state('games', {
    url: 'users/{id}/games/{game_id}',
    templateUrl: 'games/_game.html',
    controller: 'GameCtrl'
})

.state('games', {
    url: '/users/{id}/games/{game_id}',
    templateUrl: 'games/_game.html',
    controller: 'GameCtrl'
})

---

注意传递给

url:

的字符串开头的

/

。这个

/

是使它工作所必需的。

回答我自己的问题-是的，这是可能的。 我的错误是使用了不正确的语法

我这样做了

.state('games', {
    url: 'users/{id}/games/{game_id}',
    templateUrl: 'games/_game.html',
    controller: 'GameCtrl'
})

.state('games', {
    url: '/users/{id}/games/{game_id}',
    templateUrl: 'games/_game.html',
    controller: 'GameCtrl'
})

但应该这样做

.state('games', {
    url: 'users/{id}/games/{game_id}',
    templateUrl: 'games/_game.html',
    controller: 'GameCtrl'
})

.state('games', {
    url: '/users/{id}/games/{game_id}',
    templateUrl: 'games/_game.html',
    controller: 'GameCtrl'
})

---

注意传递给

url:

的字符串开头的

/

。此

/

是使其正常工作所必需的。

您使用的是基于html5的url吗？如果没有，那么您需要在那里指定基于散列的url，比如：

app.io/#/users/1/games/2

检查参数的值可能需要这样提及参数：

'users/:id/games/:games\u id'

您使用的是基于html5的url吗？如果没有，那么你需要在那里指定基于散列的url，比如：

app.io/#/users/1/games/2

检查参数的值，你可能需要这样提及参数：

'users/:id/games/:games\u id'

我认为

{

和

:

都可以工作。但是我在url前面缺少了一个

/

，

/users/:id/games/:games\u id

，我认为

{}

和

：

都可以。但是我在url前面缺少了一个

/

，

/users/:id/games/:games\u id