Angular项目中如何准确获取Ant Design菜单点击项的level、title和Id信息？

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

@Component({
  selector: 'nz-demo-menu-recursive',
  template: `
    <!-- 菜单结构 -->
    <ul nz-menu [nzMode]="mode" [nzTheme]="dark ? 'dark' : 'light'" (nzClick)="click($event)">
      <!-- 递归菜单项 -->
      <ng-container *ngFor="let menu of menus">
        <li nz-menu-item *ngIf="!menu.children" (click)="click(menu)">
          {{ menu.title }}
        </li>
        <li nz-submenu *ngIf="menu.children" [nzTitle]="menu.title" (click)="click(menu)">
          <ul nz-menu>
            <li nz-menu-item *ngFor="let child of menu.children" (click)="click(child)">
              {{ child.title }}
            </li>
          </ul>
        </li>
      </ng-container>
    </ul>
  `,
})
export class NzDemoMenuRecursiveComponent {
  mode = false;
  dark = false;
  menus = [
    { level: 1, title: 'Team Group2', Id: '11', children: [
      { level: 2, title: 'User 111', Id: '111' },
      { level: 2, title: 'User 2222', Id: '112' },
    ] },
    { level: 1, title: 'Team Group3', Id: '22' },
  ];

  click(data: any) {
    console.log(data); // 打印点击菜单项的完整数据
  }
}