angularjs - 无法从状态 'state1' 解析 'state2'

Question

我使用 $state.go() 从一种状态转换到另一种状态，如下所示:

$state.go('menuItem.list');

这会导致以下错误。

无法从状态“branches.view”解析“menuItem.list”

下面是 menuItem 和分支模块的状态提供者。

模块:分支

.state('branches', {
  abstract: true,
  url: '/branches',
  template: '<ui-view/>'
})
.state('branches.list', {
  url: '',
  templateUrl: 'modules/branches/client/views/list-branches.client.view.html',
  controller: 'branchesListController',
  controllerAs: 'vm'
})
.state('branches.view', {
  url: '/:branchId',
  templateUrl: 'modules/branches/client/views/view-branch.client.view.html',
  controller: 'branchesController',
  controllerAs: 'vm'
}) 

模块:菜单项

.state('menuItems', {
  abstract: true,
  url: '/menuItems',
  template: '<ui-view/>'
})
.state('menuItems.list', {
  url: '',
  templateUrl: 'modules/menuItems/client/views/list-menuItems.client.view.html',
  controller: 'menuItemsListController',
  controllerAs: 'vm'
})

Answer 1

这样你就可以在新模块文件中添加所有模块

angular.module('branches.modules', [
    'branches', 'branches.list', 'branches.view', 'menuItems','menuItems.list'
]);

并将其添加到您的主 app.js 或 app.module.js 中

angular.module('app', ['ui.router', 'branches.modules']);