Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在运行时加载外部Angular 2组件/模块_Angular - Fatal编程技术网

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

在运行时加载外部Angular 2组件/模块,angular,Angular,有人知道是否可以加载包含角度2/4模块/组件的外部js文件吗 如果是这样的话,您该怎么做,以及该组件/模块是如何编译到该外部js的?路由中的LoadChildren是将模块和组件加载到angular project中的最佳方法之一。如果您使用cli,webpack将单独构建模块,并在运行时使用路由器动态加载模块 const routes: Routes = [ { path: '', loadChildren: './some-folder/private.module#PrivateMod

有人知道是否可以加载包含角度2/4模块/组件的外部js文件吗


如果是这样的话,您该怎么做,以及该组件/模块是如何编译到该外部js的?

路由中的LoadChildren是将模块和组件加载到angular project中的最佳方法之一。如果您使用cli,webpack将单独构建模块,并在运行时使用路由器动态加载模块

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

这里,私有模块、私有组件的空白路由将动态加载。看这里:


我不会预先进入entryComponents数组,而是尝试对require'path\u to\u component'进行一些处理。默认设置。

您可以对此进行研究-使用require将在构建时包含该组件,但是,它将使您能够配置要使用的组件,例如JSON配置文件等。我想在同一页面上显示一组外部加载的组件。