Загрузите состояние ui-router динамически

Question

После успешного входа в мое приложение я хочу динамически загружать все состояния, доступные пользователю от api/js. Динамически загруженные состояния всегда будут включать абстрактное состояние app.module, которое является единственным известным состоянием и которое является корнем для всех других состояний в одной и той же загрузке.

Мой первый подход заключался в использовании oc.lazyLoad после входа в систему. Он работал нормально, но не при обновлении браузера. Затем я попытался загрузить с помощью oc.lazyLoad в module.run, но это не сработало.

Я пытался использовать oc.lazyLoad вместе с futureState из дополнительных компонентов ui-router, но я не могу заставить его работать.

Мне нужна помощь в том, как настроить $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'); 
}