当我回到上一个组件时，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 的有五个部分：

1. 店铺

2. 项目清单

3. 减速器（和元减速器）

4. 行动

5. 选择器

6. 效果

Ngrx 为您的应用程序状态提供了单一的真实来源。

您可以在此处了解有关 Ngrx 的更多信息

Answer 2

这是正常行为，因为当您访问 Angular 组件时，Angular 会触发生命周期钩子ngOnInit来初始化组件

在您离开组件后，组件将被销毁ngOnDestroy以避免内存泄漏。