在Angular 2中以编程方式加载和卸载模块

奇蒂维·马利克(Chtiwi Malek)

我正在考虑将我在角度1中编写的大型Web应用程序'SPA'迁移到角度2,

该应用程序包含数百个模块,并且由于社区可以上载新模块,所以这个数目可以增加,因此就不必为每个部分加载每个模块了。

在AngularJs 1.x中,我设法以编程方式加载(使用$ compile的延迟加载)和卸载(使用$ destroy的)作用域和视图“模块”,并且一切正常进行。

所以,我的问题是如何在Angular 2中实现此目标(当前使用rc1)?如何动态加载模块,并在用户完成后将其卸载?

布山·加德卡(Bhushan Gadekar)

可能您可以根据DynamicComponentLoader需要使用它也支持有条件地加载多个组件。有关更多参考,您也可以关注“ The Plunker”

您可以在需要时加载多个组件,也可以卸载它们。

希望这可以帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在Angular 8+中以编程方式加载模块(是否已支持Ivy?)

在Angular 8+中以编程方式加载模块(是否已支持Ivy?)

在Angular 2中使用SystemJS和Karma加载节点模块

以编程方式区分 Angular 2 组件中的路由

在Angular 2中以编程方式插入表格单元格

在angular2中以编程方式设置HTML滑块背景

如何检查或证明angular2中的模块是延迟加载的?

Angular 2 组件未加载到不同的模块中

以编程方式更新Angular 2 Field

以编程方式使用AsyncPipe-Angular 2

以编程方式在Angular 4.2.2中重定向

Angular 路由和 Lay 加载模块的问题

Angular 4 ngComponentOutlet和延迟加载模块

Angular-动态模块加载和编译

加载和卸载angular6组件

Angular2-从模块动态加载组件

Angular,在延迟加载的模块中暴露组件

运行时将组件或模块加载到angular2的模块中

Angular 2中的多个模块

在Angular中加载模块

Angular 2:以编程方式在表格的所有行中的组合框中选择选项

如何以编程方式触发工具提示以在Angular 2/4中显示?

如何以编程方式将参数传递给angular2 +中的辅助路径?

如何在Angular2中以编程方式将焦点设置为动态创建的FormControl

以编程方式设置Angular UI Modal高度和宽度

Angular2延迟加载模块错误'找不到模块'

Angular2:重新加载路由模块而不获取js和css文件

带有延迟加载的模块和systemjs的Angular2 AOT编译

使用模块和延迟加载在angular 7中嵌套路由