ui-router状態のURLの複数のパラメータ

Question

ui-router状態のURLに複数のパラメータを使用することはできますか？

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

以下の例では

idと game_idの

をメモ私のようなURLに移動しようとすると、そのことはできません場合、私は思ったんだけどので、app.io/users/1/games/2それは自動的にページのオフにリダイレクト？

Answer 1

私自身の質問に答えるには可能です。 誤った構文が使用されていました。

私はこの

.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:に渡された文字列の先頭に/に注意してください。この/は動作させるために必要です。

Answer 2

angle-ui-routerでurlパラメータを指定するには、:paramではなく{param}を使用する必要があります。

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

詳細については、それぞれのドキュメントを参照してください。