javascript - 当我返回到上一个组件时,Angular 重新初始化组件

标签 javascript node.js angular typescript ecmascript-6

我正在使用 Angular v5。

我有 home 组件和 home2 组件

路由设置:

{
  path: "home", 
  component: homecomponent
}, 
{
  path:"home2", 
  component: home2component
}
{
  path:"**", 
  redirectTo:"/home", 
  pathMatch: "full"
}

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

如何管理 home 组件的状态?

最佳答案

管理状态是一个难题。我们需要协调多个后端、Web Worker 和 UI 组件,所有这些组件都会同时更新状态。

您可以使用Ngrx来管理Angular 2+中组件的状态

这是 NgRx 中这些组件之间的交互:

This is the interaction between those components in NgRx

构成 NgRx 的有五个部分:

  1. 商店
  2. 列出项目
  3. Reducer(和 Meta-Reducer)
  4. 行动
  5. 选择器
  6. 效果

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

您可以了解更多关于Ngrx here

关于javascript - 当我返回到上一个组件时,Angular 重新初始化组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57901267/

相关文章:

javascript - 调用组件时定义变量

javascript - 从背景大小 :cover/contain 中检索计算值

node.js - gulp.dest() 忽略子目录

node.js - "Cannot read property ' 预签名-过期 ' of undefined"

node.js - 如何在 MongoDB 中创建动态查询?

Angular 2/Webpack 环境配置

javascript - d3 无法在 safari 中绘制日期轴,解析错误

javascript - Object.prototype.isPrototypeOf 与 obj.prototype.isPrototypeOf

javascript - DriveApp.GetFoldersByName() 总是返回 true

angular - 如何将 Video.js 与 Ionic 2 + Angular 2 一起使用