Angular2/4从另一个组件获取数据

Angular2/4从另一个组件获取数据,angular,components,Angular,Components,我有导航栏和路由器插座内的主要应用程序组件。如何从路由器出口内的组件获取数据,当它在Oninit事件后拥有数据并在navbar中呈现时 <div class="main-panel"> <app-navbar [style.display]="!authenticationService.isAuthenticated() ? 'none' : ''"></app-navbar> <router-outlet><

我有导航栏和路由器插座内的主要应用程序组件。如何从路由器出口内的组件获取数据,当它在Oninit事件后拥有数据并在navbar中呈现时

<div class="main-panel">
        <app-navbar [style.display]="!authenticationService.isAuthenticated() ? 'none' : ''"></app-navbar>
        <router-outlet></router-outlet>
  </div>

最好是使用角度服务。 看看我创建的示例


在这个示例中,我使用rxjssubject通知订阅者。除此之外,您当然可以使用子组件的发射输出。但是,如果您需要在两个级别的子组件中进行通信,那么这将是一个问题。在这种情况下,您可以很容易地使用我在示例中创建的服务。

您可以创建一个示例,其中一些数据对象共享类型为any吗?太棒了。谢谢