如何使用Angular Tree组件以编程方式将子节点添加到父节点的子节点

npm install @circlon/angular-tree-component

import { TreeModule } from '@circlon/angular-tree-component';

@NgModule({
  imports: [
    TreeModule
  ]
})

<tree-root [nodes]="treeNodes" [options]="treeOptions"></tree-root>

import { ITreeOptions, TreeNode } from '@circlon/angular-tree-component';

export class AppComponent {
  treeNodes: TreeNode[] = [
    {
      id: 1,
      name: 'Parent Node',
      children: []
    }
  ];

  treeOptions: ITreeOptions = {
    allowDrag: true,
    allowDrop: (node, { parent }) => parent && !parent.data.children.includes(node.data)
  };

  addChildNode(parentNode: TreeNode) {
    const childNode: TreeNode = {
      id: 2,
      name: 'Child Node'
    };
    parentNode.data.children.push(childNode);
  }
}

<button (click)="addChildNode(treeNodes[0])">Add Child Node</button>