如何使用ui-router在angular 1.5中默认加载默认子路由

Question

嗨，我想在加载页面后立即加载默认的子路线，请检查代码：

$stateProvider.state('userlist', {
    url: '/users',
    component: 'users',
    data:{"name":"abhi"},
    resolve: {
      users: function(UserService) {
        return UserService.list();
      }
    }
  });
  $stateProvider.state('userlist.detail', {
    url: '/:userId',
    component: 'userDetail',
    resolve: {
      user: function($transition$, users) {
        return users.find(user => user.id == $transition$.params().userId);
      }
    }
  });
  $stateProvider.state('userlist.id', {
    url: '/:username',
    component: 'userName',
    resolve: {
      user: function($transition$, users) {
        return users.find(user => user.name == $transition$.params().username);
      }
    }
  });
});

默认情况下，路由导航到/ users。 我希望它默认导航到/ user / userId。

Answer 1

通过使用otherwise您可以设置默认路由

请记住：您的子状态已经有参数，并且您无法使用它们加载， otherwise必须在控制器中使用$state.go()更改状态

app.config(function($urlRouterProvider){
     $urlRouterProvider.otherwise('/index');
})

更多信息