如何在Angular 2中获得儿童组件的内容？

Question

我在Angular 2中遇到了问题。我有一个主要组件，在那里显示菜单。该组件有一个名为Tabs的子项。在此组件中，当在主组件中单击菜单项时，会动态添加选项卡组件。我使用Tabs组件中的@ContentChildren来获取所有的Tab组件，这很好。然而，为了让这个工作正常，我需要将这些内容传递给主要组件。我将如何做到这一点？我试过发射，但似乎没有工作。

@ContentChildren(TabComponent) tabs: QueryList<TabComponent>; 
@Output() public tabsArrayStart = new EventEmitter(); 
this.tabsArrayStart.emit(this.tabs); 

Answer 1

@Output()只允许从父传

(tabsArrayStart)="doSomething($event) 

我建议你使用一个共享的服务，而不是。

详情请参阅https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#bidirectional-service