如何在不同组件的 Nebular 菜单中更改 AutoCollapse 值 true/false？

Question

HTML 代码：

<nb-menu *ngIf="enableCollapse == true" autoCollapse [items]="menu"></nb-menu>
<nb-menu *ngIf="disableCollapse == true"  [items]="menu"></nb-menu>
<router-outlet></router-outlet>

Component.ts

export class MainComponent { 
    enableCollapse: boolean = true;
    disableCollapse: boolean = false; 
    menu = MENU_ITEMS;
}

在某些组件中，在路由时我必须保持 AutoCollapse Disabled 处于禁用状态，而在某些组件中，它是启用的，那么我怎样才能通过 True/false 来自其他组件的值，以便在某些页面中启用侧边栏菜单自动折叠，而在某些页面中它被禁用。感谢任何帮助

Answer 1

您可以像这样简单地将 true/false 值传递给 autoCollapse 属性：

<nb-menu autoCollapse="false" [items]="menu"></nb-menu>

或

<nb-menu [autoCollapse]="enableCollapse" [items]="menu"></nb-menu>

附带说明，不需要两个变量来控制 autoCollapse 功能，只需一个标志就足够了。

如何在不同组件的 Nebular 菜单中更改 AutoCollapse 值 true/false？

How to Change AutoCollapse Value true/false in Nebular menu in different Components?

angular

nebular