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

Question

考虑以下：

.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'}})

如果转到domain.com/staff/1234/view，我如何默认为manager.staffDetail.view.schedule子状态？

Answer 1

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

2. 然后做 一个 如下：

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

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

* 或者，如果要保持默认子路由的url不变，则在module.config中设置 **重定向** 。此处的代码会将的任何位置重定向`'/staff/{id}/view'`到的位置`'/staff/{id}/view/schedule'`：

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