2016-12-06 135 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中使用視圖好運