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

Question

上图显示了我的Angular 2应用程序，主要组件有两个子组件 组件“FromComponent”和“ToComponent”。

“FromComponent”显示每个项目旁边带有复选框的项目列表。

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

什么是最好的方式来实现角2？

Answer 1

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

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

Answer 2

我已经实现了使用here描述的父 - 子通信描述的服务。服务可以将父母与其所有子女连接起来。