如何在Angular 2中获得子组件的contentchildren？

Question

我在Angular 2中遇到问题。我有一个显示菜单的主要组件。 该组件有一个名为Tabs的子级。 在此组件中，当单击“主要”组件中的菜单项时，会动态添加Tab选项卡。 我在Tabs组件中使用@ContentChildren来获取所有Tab组件，并且工作正常。 但是，要使其正常工作，我需要将这些contentchildren进一步传递到Main组件中。 我该怎么做？ 我试过发射，但似乎不起作用。

@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