在Angular中的兄弟组件之间传递数据

Question

上面的图像描绘了我的Angular 2应用程序，主要组件有两个孩子 组件“FromComponent”和“ToComponent”。

“FromComponent”显示项目列表，每个项目旁边都有一个复选框。

当用户选择/取消选择FromComponent中的项目时，应该从ToComponent项目列表中添加/删除它。

在角度2中实现此功能的最佳方法是什么？

Answer 1

您可能希望使用存储此信息的共享服务。使用observable作为存储机制将允许To Component订阅该主题并监视From组件对该observable所做的任何更改。

在rxjs中查看有关Subject和BehaviorSubject类型的更多信息。

Answer 2

我已经使用描述here的服务实现了这一点，其中描述了父子通信。服务可以将父母与其所有孩子联系起来。