angular компонент дерева расширяется после загрузки данных

Question

Я хочу развернуть первый узел при запуске. Я видел здесь путь к go. Разница в том, что в моем коде нет узлов, но я получаю их из базы данных. Это мой код:

this.appService.getTreeStructure().then((treeNodes) => {
      this.nodes = treeNodes;
      const treeModel: TreeModel = this.treeComponent.treeModel;
      console.log(treeModel);
      const firstNode: TreeNode = treeModel.getFirstRoot();
      console.log(firstNode);
      firstNode.expand();
    });

Это не работает. первый консольный журнал показывает, что treeModel является объектом, но второй не определен. Я могу использовать свойство nodes в treeModel, в котором уже есть все узлы в нем с первого вывода, но я не могу получить к ним доступ.

Как расширить первый узел при запуске?

Answer 1

Когда вы обновляете свои узлы, вам необходимо прослушать событие updateData .

<tree-root [nodes]="nodes" (updateData)="onUpdateData()"></tree-root>

onUpdateData() {
      const treeModel: TreeModel = this.treeComponent.treeModel;
      const firstNode: TreeNode = treeModel.getFirstRoot();
      firstNode.expand();
}