在运行时加载外部Angular 2组件/模块

时间:2017-09-13 17:08:18

标签: angular

任何人都知道是否可以加载包含Angular 2/4模块/组件的外部js文件?

如果是这样,你如何做,以及该组件/模块如何编译到外部js?

2 个答案:

答案 0 :(得分:1)

路由中的LoadChildren是用于将模块和组件加载到角度项目中的最佳方式之一。如果你正在使用cli,webpack将单独构建你的模块,它们将在运行时使用路由器动态加载。

const routes: Routes = [
  { path: '', loadChildren: './some-folder/private.module#PrivateModule'},
  { path: 'login', component: LoginComponent }
];

这里为空白路由,私有模块,私有组件将动态加载。

答案 1 :(得分:0)

有可能。看这里: https://blog.thecodecampus.de/angular-2-dynamically-render-components/ 我没有预先输入entryComponents数组,而是尝试使用require('path_to_component')做一些魔术。默认。