UIルータの空のパラメータが間違ったルートにナビゲートされる

Question

これは単純なはずですが、わかりません。

私は2つのルートがあります。

$stateProvider 

    .state('users', { 
     url: '/users', 
     views: {'@': { 
      templateUrl: 'templates/users.tpl.html', 
      controller: 'UsersCtrl as users' 
     }} 
    }) 
    .state('users.edit', { 
     url: '/{userId}', 
     views: {'@': { 
      templateUrl: 'templates/editUser.tpl.html', 
      controller: 'EditUserCtrl as editUser' 
     }} 
    }); 

名前で、「ユーザー」の状態に移動するには、UI-SREFまたは$ state.goを使用する場合、これは正常に動作しますが、あなたはdomain.com/入力した場合をusers /をURLバーに入力すると、空白のuserIdパラメータを持つ編集状態になりますが、末尾のスラッシュの後には何もありません。

通常これは問題にはならないが、userIdを指定しないでeditUserルートを実行するとコンソールエラーが発生し、これを修正するのは苦労する。

これは簡単に修正できますか？

Answer 1

この投稿へ見てみましょう：

https://github.com/angular-ui/ui-router/issues/50

とポストで参照リンク：

https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-make-a-trailing-slash-optional-for-all-routes

Answer 2

あなたの状態の定義は

$ stateProvider

する必要があります

.state('users', { 
    url: '/users', 
    views: {'@': { 
     templateUrl: 'templates/users.tpl.html', 
     controller: 'UsersCtrl as users' 
    }} 
}) 
.state('users.edit', { 
    url: '/edit/{userId}', 
    views: {'@': { 
     templateUrl: 'templates/editUser.tpl.html', 
     controller: 'EditUserCtrl as editUser' 
    }} 
}); 

あなたの子供の状態のURLは '/ edit/{userId}'にする必要があります。子状態を作成すると、そのURLは親状態URLを自動的に追加します。したがって、あなたのURLが '/ {userId}'の場合、 'domain.com/users/{userId}'になります。そのため、domain.com/users/がヌルパラメータ値を持つ状態users.editに移動するのはこのためです。

https://github.com/angular-ui/ui-router/wiki/nested-states-%26-nested-views