Angular2 - 将值传递给父/子组件

Question

在给定此app.component结构的情况下，我需要传递参数或修改组件上的公开属性：

app.component.html

<app-appheader></app-appheader>
<app-appmenu></app-appmenu>
<div class="main-container">    
    <router-outlet>
        <span *ngIf="showLoader" class="loading"></span>
    </router-outlet>    
</div>
<app-appfooter></app-appfooter>

详细地说，我需要从路由器插座中加载的组件中将参数传递给app-appmenu 组件...

我不知道为了做到这一点有什么步骤。

感谢支持

Answer 1

您可以通过多种方式从组件传递数据。

在文档（this link）中，您会找到它们，但我建议您使用shared service。

结构有点像这样：

1. 组件A有数据。呼叫共享服务。
2. 组件B订阅了共享服务的方法，只要组件A调用它，组件B ＆＃34;向共享服务请求数据＆＃34; 。
3. 共享服务将数据从其方法返回到（方法的）所有订阅组件，因此，将数据返回到组件B.

在组件之间将共享服务视为中间人。

它没有考虑组件的级别（子级，父级，祖父级等）。它适用于调用方法/触发器订阅。