如果组件不是Angular2中的父子组件，如何在组件之间传递数据？

Posted 2023-02-23

【中文标题】如果组件不是Angular2中的父子组件，如何在组件之间传递数据？

【英文标题】：How to pass data between components, if they are not parent-child components in Angular2?

【发布时间】：2018-01-21 18:05:58

【问题描述】：

我有 2 个组件，它们不是子父组件，只是独立组件。我想将数据从 Component1 传递到 Component2。 可能吗？我怎么能实现这个？ 你能给我一个例子或文章的链接吗？ 找了很多文章，但是都是关于父子组件的。

【问题讨论】：

“给我一个例子或文章链接” 不是一个好的 SO 问题。如果您希望组件之间的通信超出直接事件，请查看服务； Angular 文档给出了一个例子angular.io/guide/…

使用服务并将其注入到两个组件中。详情请见Component communication。

Angular 2 Sibling Component Communication的可能重复

您考虑过使用github.com/ngrx 吗？

尝试使用redux for angular github.com/angular-redux/ng-redux

【参考方案1】：

如果组件没有父子关系，您有两个选项可以在组件之间传递数据

共享服务 Ngrx 套件 (Redux)

现在，如果您的应用程序大小为中小型，则可以使用行为主题或重放主题来使用共享服务。 请查看此link 以了解有关行为主题以及如何使用共享服务在组件之间进行通信的更多信息。

使用 Ngrx 就像是一个完整的长期解决方案。它遵循 redux 模式来解决 Angular 中的状态管理。 请点击此链接了解有关 ngrx 以及如何在项目中使用它们的更多信息。

更多关于ngrx

这是一个使用整个ngrx套件状态管理的现场项目footballapp