我想创建一个应用程序,它可以分为多个模块和自己的路由和所有.用户可以从应用程序主模块打开和关闭这些模块.
>我是否必须加载所有模块并且基于用户是否已订阅而不可用.我认为它会减慢应用程序负载,因为加载所有模块代码并在应用程序引导时注入.
>这个问题有其他替代方案吗？
应为主模块提供已启用模块的列表：
- 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));
