angularjs – 如何以角度创建可插拔应用程序？

var enabledModules = [...];

angular.module('app',['thirdParty','app.common'].concat(enabledModules));

显然,enabledModules数组不能正常加载$http,因为此时应用程序没有自举.可以使用XHR或服务器端模板来定义它.

或者,可以使用单独的应用程序来加载先决条件.由于使用DI,可以对其进行全面测试.

angular.module('app','app.common']);

angular.module('appInitializer',[])
.factory('loader',($http) => {
  return $http.get('enabled-modules').then((result) => result.data);
})
.factory('initializer',(loader,$document) => {
  return loader.then((enabledModules) => {
    $document.ready(() => {
      angular.bootstrap($document.find('body'),['app'].concat(enabledModules));
    });
  });
});

angular.injector(['ng','appInitializer'])
.get('initializer')
.catch((err) => console.error(err));