如何使用服務器端響應在Angular 2+中引導模塊

Question

我曾經通過調用服務器來引導我的Angular JS應用以獲取用戶有權訪問的模塊，但我不知道在Angular 2+中如何

這是AngularJS的一個例子

我僅將ngMockE2E用於模擬示例。

  (function (ngNode) { angular.module("boostrapApp", ['ngMockE2E']).service('clientModule', function ($http) { this.get = function () { return $http.get('modules.json'); } }).run(function ($httpBackend) { $httpBackend.whenGET('modules.json').respond(function(method, url, data) { return [200, ['m1', 'm2', 'm3'], {}]; }); }); angular.bootstrap(ngNode, ['boostrapApp']); angular.element(ngNode).injector().get('clientModule').get().then(function (modules) { angular.module('app', modules.data); angular.module('app').run(['$log', function ($log) { $log.info('run app'); }]); angular.bootstrap(document.body, ['app']); }); })(document.createElement('div')); angular.module('m1', []).run(['$log', function ($log) { $log.info('run m1'); }]); angular.module('m2', []).run(['$log', function ($log) { $log.info('run m2'); }]); angular.module('m3', []).run(['$log', function ($log) { $log.info('run m3'); }]); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-mocks/1.6.9/angular-mocks.js"></script> 

Answer 1

您可以使用動態內容加載器 。