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

Question

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

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

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

在角度2中实现这个的最佳方法是什么？

Answer 1

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

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

Answer 2

我已经使用这里描述的服务实现了这一点 ，其中描述了父子通信。 服务可以将父级与其所有子级连接起来。