如何使用angular 2中的"SystemJsNgModuleLoader“将动态模块导入到app？

在Angular 2中，可以使用"SystemJsNgModuleLoader"来动态导入模块到应用程序。下面是使用"SystemJsNgModuleLoader"将动态模块导入到Angular 2应用程序的步骤：

1. 首先，确保已经安装了Angular CLI，并创建了一个新的Angular项目。
2. 在需要动态导入模块的组件中，首先导入"SystemJsNgModuleLoader"：

import { SystemJsNgModuleLoader } from '@angular/core';

1. 在组件的构造函数中注入"SystemJsNgModuleLoader"：

constructor(private moduleLoader: SystemJsNgModuleLoader) { }

1. 创建一个方法来动态导入模块。例如，我们要导入一个名为"DynamicModule"的模块：

loadDynamicModule() {
  this.moduleLoader.load('path/to/dynamic.module#DynamicModule')
    .then((moduleFactory) => {
      const moduleRef = moduleFactory.create(this.injector);
      // 在这里可以使用动态模块中的组件、服务等
    })
    .catch((error) => {
      console.error('Error loading module:', error);
    });
}

在上面的代码中，"path/to/dynamic.module"是动态模块的路径，"DynamicModule"是动态模块的名称。

1. 调用"loadDynamicModule"方法来动态导入模块。可以在组件的生命周期钩子中调用该方法，或者根据需要的时机调用。

ngOnInit() {
  this.loadDynamicModule();
}

以上就是使用"SystemJsNgModuleLoader"将动态模块导入到Angular 2应用程序的步骤。通过动态导入模块，可以实现按需加载和延迟加载等功能，提高应用程序的性能和用户体验。

请注意，以上答案中没有提及任何特定的云计算品牌商，如需了解腾讯云相关产品和产品介绍，请访问腾讯云官方网站。