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 компонентов.

Вы можете получить все вложенные TreeComponent компоненты путем добавления

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

и вызвать метод на Чайлдс как

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