角组件没有被破坏

时间:2019-05-28 10:34:59

标签: angular webpack routes webpack-dev-server

在有角度的应用程序中,每次我路由到新页面时,我先前页面的组件都保留在内存中。它并没有被破坏,当我返回该页面时,它创建了一个新实例。

应用程序不是通过有角度的CLI创建的。它是使用angular网站上提供的webpack配置的自定义构建应用程序。实际上,我正在改进现有的angular应用程序以及为隔离问题而创建的此演示应用程序的性能。

Github https://github.com/bytesofdhiren/angular-memory-issue

基本上,每次我路由到主页或注册页面时,应用程序都会创建一个新的register组件和home组件实例。它并没有破坏先前创建的组件。

enter image description here

2 个答案:

答案 0 :(得分:0)

每个组件都有您需要使用的生命周期:

OnDestroy();

,您需要实现方法ngOnDestroy()。 跟随this

答案 1 :(得分:0)

实际上,我尝试在生产模式下运行上述Github应用程序,此问题已解决。但是生产应用程序中的实际问题仍然存在。但这与其他事情有关。我将为此发布一个新问题。