javascript - 有没有办法在 angular-ui-router 中获取子状态列表？

Question

我正在构建一个 Angular 应用程序，对于应用程序的一部分，我想要一个菜单​​，其中的选项会根据可用状态动态填充。这是我的状态配置的一个简化部分:

$stateProvider.state('root.type.list.controls', {
  url: '/controls',
  templateUrl: 'views/controls.html',
  controller: 'ControlsCtrl',
  data: {
    title: 'Controls'
  }
})
.state('root.type.list.items', {
  url: '/items',
  templateUrl: 'views/items.html',
  controller: 'ItemsCtrl',
  data: {
    title: 'Items'
  }
})

我希望能够根据 data 中的内容，使用 'root.type.list' 状态的每个直接子级的标题填充下拉菜单 配置部分。有什么方法可以获取特定状态的所有子状态的列表吗？

Answer 1

结束使用 $state.get() 并执行以下操作:

function _children(stateName) {
  return _.filter($state.get(), function(config) {
    return stateName === config.name.slice(0, stateName.length) &&
      config.name.split('.').length === stateName.split('.').length + 1;
  });
}