Angular2遞歸樹全部展開

Question

我有遞歸樹組件，我想展開父組件上點擊的所有節點，我該怎麼做？更多細節在plunker。

Plunker

我談論這個方法：

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

Answer 1

一段時間，我想我弄明白之後。我只是增加了一個@Input()在TreeComponent：

@Input() expandAll: boolean; 

和更換*ngIf遞歸的條件：

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

它需要多一點的工作（崩潰是如何都應該不工作），但它的工作原理那我想怎麼樣。

Plnker

Answer 2

只需添加一個expandAll()方法是展開所有節點，並呼籲所有嵌套TreeComponent組件expandAll()的TreeComponent。

您可以通過添加

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

得到所有嵌套TreeComponent成分，並呼籲孩子的方法類似

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