如何在不同组件的Nebular菜单中更改自动折叠值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;
} 

在某些组件中，在路由时，我必须保持“自动折叠”处于禁用状态，而在某些情况下，它已启用， 那我该如何通过 其他组件在此处的正确/错误值，因此在某些页面中启用了侧边栏菜单自动折叠功能，而在某些页面中禁用了此功能。 感谢您的帮助

Answer 1

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

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

或

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

请注意，不需要两个变量来控制autoCollapse功能，只需一个标志就足够了。