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

Question

我在主应用组件中有导航栏和路由器插座。如何从路由器插座内的组件获取数据，何时在Oninit事件后有数据并在导航栏中呈现？

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

Answer 1

最好的方法是使用角度服务。 看看我创建的stackblitz样本。

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