当用户使用 UI-Router 转换到父状态时将用户定向到子状态

考虑以下：

.state('manager.staffList', {url:'^/staff?alpha', templateUrl: 'views/staff.list.html', data:{activeMenu: 'staff'}, controller: 'staffListCtrl'})
.state('manager.staffDetail', {url:'^/staff/{id}' , templateUrl: 'views/staff.html', data:{activeMenu: 'staff'}, controller: 'staffDetailsCtrl'})
  .state('manager.staffDetail.view', {url:'/view',  templateUrl: 'views/staff.details.html', data:{activeMenu: 'staff'}})
    .state('manager.staffDetail.view.schedule', {url:'/schedule', templateUrl:'views/staff.view.schedule.html', data:{activeMenu: 'staff'}})
    .state('manager.staffDetail.view.history', {url:'/history' , templateUrl:'views/staff.view.history.html', data:{activeMenu: 'staff'}})
    .state('manager.staffDetail.view.log', {url:'/log', templateUrl:'views/staff.view.log.html', data:{activeMenu: 'staff'}})
    .state('manager.staffDetail.view.files', {url:'/files', templateUrl:'views/staff.view.files.html', data:{activeMenu: 'staff'}})
  .state('manager.staffDetail.edit', {url:'/edit',  templateUrl: 'views/staff.edit.html', data:{activeMenu: 'staff'}})

如果我去example.com/staff/1234/view，我如何默认为manager.staffDetail.view.schedule儿童状态？

1. 首先，添加一个属性'manager.staffDetail.view'的状态abstract:true。这不是必需的，但您需要设置它，因为您永远不会直接进入该状态，您总是会进入它的子状态之一。

2. Then do one以下的：

• 给'manager.staffDetail.view.schedule'陈述一个空网址。这将使其与父状态 URL 匹配相同的 URL，因为它不会向父 URL 附加任何内容。

   `.state('manager.staffDetail.view.schedule', {url:'', ...`
  

• 或者如果你想保持默认子路由的URL不变，那么设置一个redirect在你的module.config。此处的代码将重定向任何位置'/staff/{id}/view'到的位置'/staff/{id}/view/schedule':

   `$urlRouterProvider.when('/staff/{id}/view', '/staff/{id}/view/schedule');`