テンプレートを使用しないでContentChildイベントを聞くにはどうすればよいですか？

Question

タブコンポーネントの配列からイベントをリッスンする必要があります。これらのタブは「onMinimized」を生成しますが、テンプレート内の各タブコンポーネントのエントリに(onMinimized)="hide"と入力するのではなく、1行のコードでこれらのイベントに接続します。私がループできるContentChildrenの配列があります。

は私が似た何かをしたいと親には以下があります。

@ContentChildren(TabComponent) tabs: QueryList<TabComponent>; 

... 

ngAfterContentInit() { 
    this.tabs.map((t: TabComponent) => { 
    t.addEventListener("onMinimized", this.hide); 
    }); 
} 

hide() { 
    // hide tabs 
} 

思考？

Answer 1

いくつかの試行錯誤の後でそれを解説します。

ngAfterContentInit() { 
    this.tabs.map((t: TabComponent) => { 
     t.minimizeTab.subscribe(() => { this.hide(); }) 
    }); 
    } 

この問題にアプローチする方法は、コンポーネントが（すべての角度出力と同じように）EventEmitterであるプロパティを持っていると考えることでした。 EventEmittersはオブザーバブルなので、イベントのストリームに簡単に登録することができます。