Angular 2 在两个组件之间发送数据

Question

如何在 Angular 2 应用程序中的两个组件之间发送数据，考虑： - 两个不同路径中的两个组件（因此，唯一共享的组件是根组件）

我已经设法： - 但是使用共享服务或单例，我怎样才能将事件从第一个组件触发到另一个（位于另一个路由中）

我已经设法使用输出到根之前的最后一个组件来触发事件（但不是跨根应用程序组件）

感谢任何帮助、链接、线索！

<div class="wrapper">
   <div class="tasks-list">
    <router-outlet></router-outlet>
  </div>
<div  class="details">
    <task-details></task-details>
  </div>
</div>

这是 app.component.html

当单击它应该在“task.details.component”中打开的项目时，我有一个“task.component”列表。 我希望我能很好地说明这个想法。

Answer 1

请通过这个：

https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#bidirectional-service

父组件和它的子组件共享一个服务，该服务的接口支持在家族内进行双向通信。

服务实例的范围是父组件及其子组件。此组件子树之外的组件无法访问服务或其通信。

Answer 2

使用$rootScope。在此处创建变量，该变量在任何地方都可见。