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

Question

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

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

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

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

Answer 1

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

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