PrimeNG Tree - 以编程方式选择 TreeNode

使用PrimeNG Tree组件，我们可以创建一个树形结构的UI界面，并通过编程方式选择树节点。这为我们提供了一种灵活的方式来操作和管理树节点。在本文中，我们将介绍如何使用PrimeNG Tree组件以编程方式选择树节点，并提供一个简单的示例代码。

npm install primeng --save

typescript
import {TreeModule} from 'primeng/tree';
@NgModule({
  imports: [
    TreeModule
  ]
})
export class AppModule { }

typescript
import {TreeNode} from 'primeng/api';
export class AppComponent {
  nodes: TreeNode[] = [
    {
      label: 'Node 1',
      children: [
        {
          label: 'Child 1'
        },
        {
          label: 'Child 2'
        }
      ]
    },
    {
      label: 'Node 2',
      children: [
        {
          label: 'Child 3'
        },
        {
          label: 'Child 4'
        }
      ]
    }
  ];
}

html

typescript
onNodeSelect(event) {
  console.log(event.node);
}

typescript
import {Component, ViewChild} from '@angular/core';
import {Tree} from 'primeng/tree';
@Component({
  selector: 'app-root',
  template: `
    
    Select Node
  `
})
export class AppComponent {
  nodes: TreeNode[] = [
    {
      label: 'Node 1',
      children: [
        {
          label: 'Child 1'
        },
        {
          label: 'Child 2'
        }
      ]
    },
    {
      label: 'Node 2',
      children: [
        {
          label: 'Child 3'
        },
        {
          label: 'Child 4'
        }
      ]
    }
  ];
  @ViewChild('tree') tree: Tree;
  selectNode() {
    const node = this.tree.value[0];
    this.tree.expandNode(node, true);
    this.tree.selectNode(node);
  }
}