动态加载UI路由器状态

Question

成功登录到我的应用程序后，我想从api/js动态加载用户可用的所有状态。动态加载的状态将始终包含抽象状态app.module，它是唯一已知的状态，并且是同一下载中所有其他状态的根。

我的第一种方法是登录后使用oc.lazyLoad。它工作正常，但不刷新浏览器时。然后我尝试在module.run中使用oc.lazyLoad加载，但它不起作用。

我一直试图将oc.lazyLoad与来自ui-router extras的futureState一起使用，但是我无法让它工作。

我需要一些帮助，以便如何配置$futureStateProvider，如果它甚至可以做我想做的。

Answer 1

不需要延迟加载。

用于添加动态状态。我只需要在配置阶段将状态提供者引用添加到我的应用程序。

angular.module('app.module').config(function ($stateProvider, $urlRouterProvider) { 
     angular.module('app.module').$stateProvider = $stateProvider;   
     //send to login first 
     $urlRouterProvider.otherwise("/user/login");  
}); 

然后在用户登录成功后登录服务，增加一些新闻状态到状态提供商。

loginSuccess(){ 
    $http.get('api/states/').then(function(states){ 
    bindStates(states); 
    }); 
} 

function bindStates(states) { 
    states.forEach(function bind(stateData) { 
     // add new states 
     angular.module('app.module').$stateProvider.state({ 
      name: stateData.name, 
      url: stateData.url, 
      template: stateData.template, 
      params: { 
       'pageId': null 
      }, 
      abstract: stateData.abstract 
     }); 
    }); 

    // go to default state 
    $state.go('main'); 
}