Angular2再帰ツリーをすべて展開する

Question

再帰ツリーコンポーネントがあり、親コンポーネントからクリックするとすべてのノードを展開したいのですが、どうすればいいですか？プランナーの詳細。

Plunker

私はこの方法について話：

expandAll(){ 
    console.log("expanded all"); 
    } 

Answer 1

のようなチャイルズ上のメソッドを呼び出すことができます。私はちょうどTreeComponentの1以上@Input()追加：

@Input() expandAll: boolean; 

をしてまで*ngIf再帰条件を置き換え：

[hidden]="(!expanded[i] && !expandAll) || (expanded[i] && expandedAll)" 

そのは、（どのようにそれが必要なすべてのdoesntの仕事を崩壊）もう少し作業が必要ですが、それは動作しますそれが私が望んでいた方法。

Plnker

Answer 2

ただ、すべてのノードが展開され、すべてのネストされたTreeComponentコンポーネントにexpandAll()を呼び出しTreeComponentにexpandAll()メソッドを追加します。

あなたは

@ViewChildren(TreeComponent) subTrees:QueryList<TreeComponent>; 

を追加することにより、すべてのネストされたTreeComponentのコンポーネントを取得し、私はそれを把握推測しばらく

expandAll() { 
    for(var subTree of this.subTrees.toArray()) { 
    subTree.expandAll(); 
    } 
}