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

Question

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

我设法： - 但是，如何使用共享服务或Singleton，如何从第一个组件触发事件到另一个组件（位于另一个组件中）

我已设法使用输出到根之前的最后一个组件（但不与root-app组件交互）触发事件

任何帮助，链接，线索表示赞赏！

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

这是app.component.html

我有一个＆＃39; task.component＆＃39;当点击它的时候，它应该在＆＃39; task.details.component＆＃39;中打开。 我跳了一下，我很好地说明了这个想法。

Answer 1

请仔细阅读：

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

父组件及其子组件共享一个服务，其接口支持在系列内进行双向通信。

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

Answer 2

使用$rootScope。创建那里的变量，从任何地方都可以看到。