动态加载模块组件Angular2
Load module components dynamically Angular2
基本上在应用程序的每个创建的模块中都有一个 module.ts 例如:
ng generate module newModuleName
然后使用 newModuleName.module.ts
文件创建模块
在文件中,有 @NgModule
和 declarations
元素。
所以想动态修改declarations数组,防止所有组件同时加载到内存中
我该怎么做?
如果您的目标是防止在启动时一次性下载所有组件,您可以使用延迟加载。
关于内存,当通过路由到组件或将其显示为子组件来激活组件时,它会加载到内存中。一旦用户离开显示该组件的页面,该组件就会被销毁。
因此您无需在 declarations
中执行任何操作即可实现此目的。
基本上在应用程序的每个创建的模块中都有一个 module.ts 例如:
ng generate module newModuleName
然后使用 newModuleName.module.ts
文件创建模块
在文件中,有 @NgModule
和 declarations
元素。
所以想动态修改declarations数组,防止所有组件同时加载到内存中
我该怎么做?
如果您的目标是防止在启动时一次性下载所有组件,您可以使用延迟加载。
关于内存,当通过路由到组件或将其显示为子组件来激活组件时,它会加载到内存中。一旦用户离开显示该组件的页面,该组件就会被销毁。
因此您无需在 declarations
中执行任何操作即可实现此目的。