アングルツリーコンポーネントのすべての子供からIDを取得するにはどうすればいいですか？

Question

私はアプリケーションにツリービューを表示するためにAngular-Tree-Componentを使用しています。しかし、一度ノード上にいれば、そのノードの下にあるすべての子どもとその子どものリストを取得する必要があります。

私は彼らが私がでてるノードの下にすべてのノードのために呼び出され、そのドキュメントdoForAllの機能を持っていることがわかりました。

https://rawgit.com/500tech/angular-tree-component/master/doc/interfaces/api.itreenode.html#doforall

私はその関数を呼び出すことができますし、私が行うとき、それは正常に動作しますconsole.logですが、自分のノードのIDを配列にプッシュしようとすると、最初の要素しか取得できません。

getChildren(node: TreeNode) { 
    node.doForAll((data) => { 
     console.log(data.id); 
     this.guideArray.push(data.id); 
    }); 
    console.log(this.guideArray); 
    } 

Answer 1

あなたが抱えている問題は、あなたがメソッドを呼び出した後console.logは、最新の配列状態を認識していないということです。これは、doForAllの実装が非同期のPromiseを使用しているためです。したがって、console.logコマンドは最新の状態を記録しません。

あなたはこのようなすべてのノードとBehaviorSubject作成できます。

getChildren(node: TreeNode) { 
    let nodeIds$ = new BehaviorSubject([]); 
    node.doForAll((data) => { 
     nodeIds$.next(nodeIds$.getValue().concat(data.id)); 
    }); 
    return nodeIds$; 
} 

参照：implementation of doForAll