Kendo UI树复选框选中和取消选中angular中的事件

<kendo-treeview [nodes]="treeData" kendoTreeViewCheckable kendoTreeViewSelectable (selectionChange)="onSelectionChange($event)"></kendo-treeview>

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

@Component({
  selector: 'app-tree',
  templateUrl: './tree.component.html',
  styleUrls: ['./tree.component.css']
})
export class TreeComponent {
  public treeData: any[] = [
    {
      text: 'Node 1',
      items: [
        { text: 'Subnode 1.1' },
        { text: 'Subnode 1.2' }
      ]
    },
    {
      text: 'Node 2',
      items: [
        { text: 'Subnode 2.1' },
        { text: 'Subnode 2.2' }
      ]
    }
  ];

  public onSelectionChange(event: any): void {
    const checkedNodes = event.sender.checkedNodes();
    const uncheckedNodes = event.sender.uncheckedNodes();

    console.log('Checked Nodes:', checkedNodes);
    console.log('Unchecked Nodes:', uncheckedNodes);
  }
}