2016-12-06 95 views
2

林过渡到另一个使用$ state.go()象下面这样:无法解析从状态 '状态2' '状态1' 从一个状态

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

这会导致以下错误。

无法解析从状态“branches.view” 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' 
}) 

模块:菜单项

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

您的'branches.view'状态不会在主模块中添加或提及。 – Rakeschand

+0

你可以在主js配置文件或主模块中包含路由/状态配置吗? –

+0

我的意思是主模块文件 – Rakeschand

回答

0

这样,您就可以在新的模块文件中的所有模块

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

,并补充说,在你的主应用程序.js文件或app.module.js

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

哟可以使用下面的代码:

模块:分支

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

你必须在状态0123中使用视图好运