動態加載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'); 
}