javascript - 如何使用 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');
})

更多信息