Question

我的菜单如下：

Auth Management
- Local User
- Assign Role
Loggers
- Log Levels
Integrations
- Providers

我的HTML页面如下：

<clr-vertical-nav>
    <clr-vertical-nav-group routerLinkActive="active">
        <clr-icon shape="user" clrVerticalNavIcon></clr-icon>Auth Management
        <clr-vertical-nav-group-children *clrIfExpanded="true">
            <a clrVerticalNavLink [routerLink]="['local']" routerLinkActive="active">Local User</a>
            <a clrVerticalNavLink [routerLink]="['users']" routerLinkActive="active">Assign Role</a>
        </clr-vertical-nav-group-children>
    </clr-vertical-nav-group>
    <clr-vertical-nav-group routerLinkActive="active">
        <clr-icon shape="filter-grid-circle" clrVerticalNavIcon></clr-icon>Loggers
        <clr-vertical-nav-group-children *clrIfExpanded="false">
            <a clrVerticalNavLink [routerLink]="['log-levels']" routerLinkActive="active">Log Levels</a>
        </clr-vertical-nav-group-children>
        </clr-vertical-nav-group>
    <clr-vertical-nav-group routerLinkActive="active">
        <clr-icon shape="line-chart" clrVerticalNavIcon></clr-icon>Integrations
        <clr-vertical-nav-group-children *clrIfExpanded="false">
            <a clrVerticalNavLink [routerLink]="['integration']" routerLinkActive="active">Providers</a>
        </clr-vertical-nav-group-children>
    </clr-vertical-nav-group>
</clr-vertical-nav>

启动页面时，我设置了"Auth Management"值后，*clrIfExpanded处于打开状态，而其他关闭状态。

我试图在单击另一个菜单标题时实现一个菜单的折叠。

例如，如果我点击"Loggers"，则"Auth Management" and "Integrations"应该折叠/展开。

或者如果我点击"Integrations"，"Loggers" and "Auth Management"应该折叠/展开。

我尝试在菜单标题的*clrIfExpanded上的组件类中设置(click)的值，但是我没有实现此功能。我如何实现这一目标。预先感谢！

在垂直导航组中单击某个菜单时，折叠其他菜单

0 个答案: