Angular 角度菜单中的侧菜单

我想制作一个相同的导航条，如下所示：

但只有两个级别，有点像这样：

菜单

• 子菜单1
  • 子子菜单1
• 子菜单2

菜单2

• 子菜单1
• 子菜单2

因此，当我在菜单上悬停或单击时，子菜单会显示它们的子菜单

---

我希望你能理解它，并且你能帮助我，我找不到类似的东西。

在你的app.component.ts中，你会找到导航项目

只需删除children，您就不会获得菜单中的第三级

navItems: NavItem[] = [
    {
      displayName: 'AngularMix',
      iconName: 'close',
      children: [
        {
          displayName: 'Speakers',
          iconName: 'group',
          children: [
            {
              displayName: 'Michael Prentice',
              iconName: 'person',
              route: 'michael-prentice',
              children: [
                {
                  displayName: 'Delight your Organization',
                  iconName: 'star_rate',
                  route: 'material-design'
                }
              ]
            },

---

有什么问题吗？对不起，我编辑了我的回答图片没有澄清任何事情，你已经有了一个链接到这个例子。你想做什么，这个例子没有？所以我不想要第三个级别，我想在第二个级别下列出，所以删除第三个子级（app.component.ts）？这是个好主意，但我想强调第二个和第三个级别是什么，就像我在问题中列出的一样，你可以在图中看到，我把孩子们从《斯蒂芬·弗洛因》中移除，得到了这个。如您所见，将鼠标悬停在它们上方时，它们都会高亮显示。但是我不想在第三层下，这就是我想做的，我不知道你想实现什么。如果你有一个更好的例子来说明你在尝试什么，也许我们可以提供更好的帮助。所以我找到了更好的图片，不看展开面板，只看结构，所以当你打开一个菜单时，你会看到子菜单，以及子菜单的子菜单，如图所示