Angularjs 无法解析'；州1'；来自州'；州2'；

我正在使用$state.go（）从一个状态转换到另一个状态，如下所示：

$state.go（'menuItem.list'）

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

这会导致以下错误

无法从状态分支解析“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（'branchs'{
摘要：没错，
url:“/branchs”，
模板：“”
})
.state（'branchs.list'{
url:“”，
templateUrl:'modules/branchs/client/views/list branchs.client.view.html'，
控制器：“branchesListController”，
controllerAs:'vm'
})
.state（'branchs.view'{
url:“/：branchId”，
templateUrl:'modules/branchs/client/views/view branch.client.view.html'，
控制器：“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'
})

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

.state（'menuItems'{
摘要：没错，
url:“/menuItems”，
模板：“”
})
.state（'menuItems.list'{
url:“”，
templateUrl:'modules/menuItems/client/views/list menuItems.client.view.html'，
控制器：“menuItemsListController”，
controllerAs:'vm'
})

通过这种方式，您可以在新模块文件中删除所有模块

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

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

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

---

您可以使用以下代码：

模块：分支机构

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

.state（'branchs'{
摘要：没错，
url:“/branchs”，
模板：“”
})
.state（'branchs.list'{
url:“”，
观点：{
templateUrl:'modules/branchs/client/views/list branchs.client.view.html'，
控制器：“branchesListController”，
controllerAs:'vm'
}
})
.state（'branchs.view'{
url:“/：branchId”，
视图：{
templateUrl:'modules/branchs/client/views/view branch.client.view.html'，
控制器：“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'
})

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

.state（'menuItems'{
摘要：没错，
url:“/menuItems”，
模板：“”
})
.state（'menuItems.list'{
url:“”，
观点：{
templateUrl:'modules/menuItems/client/views/list menuItems.client.view.html'，
控制器：“menuItemsListController”，
controllerAs:'vm'
}    
})

您必须在状态中使用视图

---

祝您好运

您的

分支。主模块中未添加或提及视图

状态。您是否在主js配置文件或主模块中包含路由/状态配置？我指的是主模块文件

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