将信息从 2 个子组件传递到父组件答案

【问题标题】：Passing information from 2 children component to the parent component将信息从 2 个子组件传递到父组件
【发布时间】：2017-02-17 14:30:15
【问题描述】：

我有一个父组件 (A) 和 2 个子组件 (B,C)。父组件包含页面的基本布局，不会在所有布局中更改。当用户选择不同的按钮时，我需要交换页面中间的内容。

第1步：从父组件A点击按钮-->刷新到B 第 2 步：用户单击子组件 B 中的按钮 --> 刷新到 C

由于我必须坚持不懈地保持组件 A 的基本布局，有哪些方法可以接近第 2 步？

【问题讨论】：

这里提供了很多不同的解决方案：angular.io/docs/ts/latest/cookbook/component-communication.html
100% 的 RTFM 案例

标签： angular typescript viewchild

【解决方案1】：

您需要为此使用路由。在组件 A 中，您可以编写代码并将 <router-outlet></router-outlet> 放入标记中。对于组件 A，您可以声明路由，如

const routes = [
   { path: '', component: 'AComponent', children: [
     {path: '', redirectTo: 'b', pathMatch: 'full'},
     {path: 'b', component: 'BComponent'},
     {path: 'c', component: 'CComponent'},
   ]}  
]

点击按钮后，您需要通过[routerLink]去适当的路线

【讨论】：