如何在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