当我回到上一个组件时，Angular 重新初始化组件

Question

我正在使用 angular v5。

我有 home 组件和 home2 组件

路由设置：

{

path: "home", 

component: homecomponent

}, 

{

path:"home2", 

component: home2component

}

{

path:"**", 

redirectTo:"/home", 

pathMatch: "full"

}

我在重定向回主页组件时遇到问题。home 组件完全重新初始化。

如何管理家庭组件的状态？

Answer 1

管理状态是一个难题。我们需要协调多个后端、web worker 和 UI 组件，所有这些都同时更新状态。您可以使用Ngrx来管理 Angular 2+ 中组件的状态这是 NgRx 中这些组件之间的交互：构成 NgRx 的有五个部分：店铺项目清单减速器（和元减速器）行动选择器效果Ngrx 为您的应用程序状态提供了单一的真实来源。您可以在此处了解有关 Ngrx 的更多信息

Answer 2

这是正常行为，因为当您访问 Angular 组件时，Angular 会触发生命周期钩子ngOnInit来初始化组件在您离开组件后，组件将被销毁ngOnDestroy以避免内存泄漏。