如何在Angular 2中获得子组件的内容子项？

Question

我在Angular 2中遇到问题。我有一个主要组件，我在其中显示菜单。该组件有一个名为Tabs的子组件。在此组件中，有一些Tab组件，在主组件中单击菜单项时会动态添加这些组件。我使用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