如何在Angular2中的组件之间传递交换数据

Question

M新到angular2和m试图学习如何在两个组件之间交换数据的简单事情，我得到了一种在父组件和子组件之间交换数据的方法，但我正在尝试的是在我的App组件中我正在路由它到不同的组件，所以我如何传递数据。

我想做什么： 在我的应用程序组件中，从下拉列表中选择一个值，然后在我的appcomponent.html中尝试访问下一个组件

<li role="presentation"><a class="onmousehover" routerLink="recycle"><b>Recycle</b></a></li>

在我的appRoute.ts中，我已经将它发送到像这样的回收组件

export const appRoutes:Routes=[
{path:'leftpane', component:LeftPaneComponent,children:leftpane_routes},
{path:'recycle',component:RecycleComponent}
];

所以任何人都可以帮我弄清楚appcomponet的值是如何将它传递给回收组件的

Answer 1

您可以使用服务和rxjs Observables。 您在app组件中创建服务，并使用DI将该服务注入子组件中。该服务可以包含您的子组件可以订阅的共享数据的BehaviorSubjects。 另一种方法是解析器+服务，以便在加载路由之前解析路由的数据。 第三种方法可以是ngrx它基本上是一个在你的应用程序上是全局的服务。但它实现了redux模式。