<router-outlet>中的Angular 2 ViewChild

Question

我正在开发一个角度2应用程序。 在MainComponent中，我使用@ViewChild引用了子组件。 在这个MainComponent我有一个<router-outlet>，我正在加载不同的组件。 我的问题是，如何引用<router-outlet>中加载的那些组件？

谢谢。

Answer 1

<router-outlet>提供了一个事件，当添加一个组件实例时会发出该组件实例：

<router-outlet (activate)="routedComponent = $event"></router-outlet>

另见

• https://angular.io/docs/ts/latest/api/router/index/RouterOutlet-directive.html
• https://github.com/angular/angular/blob/42cf06fa12924882d18d1167432214fdc66b1158/modules/%40angular/router/src/directives/router_outlet.ts#L113