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

Question

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

注意到例如id和game_id下面

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

当我尝试导航到一个URL一样，它app.io/users/1/games/2所以我想知道如果它无法自动重定向到页面的？

Answer 1

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

我这样做

.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' 
}) 

注意/。需要使用/才能使其工作。

Answer 2

要在angular-ui-router中指定url参数，您需要使用:param而不是{param}。

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

请参阅他们的文档以获取更多示例。