angular - 如何在星云中获取主菜单点击值（不是子菜单点击）

Question

我在我的项目中使用星云菜单，我希望主菜单的值单击而不是子菜单，

例子：

menu 1 
  submenu 1
  submenu 2
menu 2
  submenu 1 
  submenu 2

我知道有一种获取子菜单值的服务方法，但我想在用户单击例如“菜单 1”时获取该值。单击主菜单时，它会打开子菜单，那时我没有得到主菜单的值

this.menuService.onItemClick().subscribe((event) => {
if (event.item.title === 'Log out') {
console.log('logout clicked');
}
});

我知道我不参与其中的原因。我正在寻找另一种方式来获得我想要的东西。

Answer 1

items: any[] = [
    {
      title: 'home',
      link: '/',
      icon: 'alert-circle-outline',
      badge: {
        text: '30',
        status: 'primary',
      },
    },
    {
      icon: 'bell-outline',
      title: 'beell',
      link: 'notifications'
    },
    {
      icon: 'settings-outline',
      title: 'Settings',
      link: 'settings',
    },
    {
      icon: 'settings-outline',
      title: 'Settings Click',
      link: undefined,
      click: () => {
        alert('root');
      }
    }
  ];

在处理程序中

this.menuService.onItemClick().subscribe((data) => {
      console.log(data);
      if (data.item.link === undefined) {
        const item = data.item as any;
        item.click();
      }
    });