如何使用钟形图标自定义Angular Treeview节点

npm install angular-tree-component --save

ng generate component Treeview

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

import { Component } from '@angular/core';

@Component({
  selector: 'app-treeview',
  templateUrl: './treeview.component.html',
  styleUrls: ['./treeview.component.css']
})
export class TreeviewComponent {
  nodes = [
    {
      name: 'Node 1',
      children: [
        { name: 'Child 1' },
        { name: 'Child 2' }
      ]
    },
    {
      name: 'Node 2',
      children: [
        { name: 'Child 3' },
        { name: 'Child 4' }
      ]
    }
  ];

  options = {
    getIcon: this.getIcon.bind(this)
  };

  getIcon(node: any): string {
    // 返回节点的图标样式
    return 'fa fa-clock-o'; // 这里使用了Font Awesome图标库的钟形图标
  }
}

<app-treeview></app-treeview>