angular - 将信息从 2 个子组件传递到父组件

Question

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

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

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

Answer 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]