Question

我在Angular 6中使用nebular，在单击菜单项时遇到问题，未添加父菜单项上的活动类。但是如果您看到http://akveo.com/ngx-admin，则在单击“ UI功能”内的“按钮”时，它们的UI功能会突出显示。

下面是我的JSON文件：

[
    {
        "title": "Dashboards",
        "icon": "font_icons8 icons8-statistics",
        "link": "/dashboard",
        "home": true
    },
    {
        "title": "UI Features",
        "icon": "font_icons8 icons8-data-configuration",
        "link": "/ui-features",
        "children": [
            {
                "title": "Typography",
                "link": "/ui-features/typography"
            },
            {
                "title": "Grid",
                "link": "/ui-features/grid"
            }
        ]
    },
]

请帮助我摆脱这个问题。

Answer 1

在每个菜单项的链接属性中，

设置项的完整路径。以前我只是设置/ componentName而不是/ fullpath / componentName

Answer 2

您可以尝试使用此代码。

<link rel="stylesheet" href="/static/node_modules/mdi/css/materialdesignicons.min.css">

Answer 3

只需将父级的 pathMath 属性设置为'prefix'的值，然后给他一个链接即可。之后，设置具有'full'值的孩子的 pathMath 道具。

查看我的示例作品：

{
        title: 'Security',
        icon: 'lock-outline',
        link: '/security',
        pathMatch: 'prefix',
        children: [
          {
            title: 'User',
            pathMatch: 'full',
            link: '/security/user',
            selected: false,
          }]
}

注意：您的路线应使用菜单项的链接进行设置，如下所示：

  {
    path: 'security/user',
    loadChildren: () =>
      import('./pages/security/register-user/register-user.module').then(
        (m) => m.RegisterUserModule,
      ),
  },

星云菜单父级活动类不起作用

3 个答案: