add dynamic child menu items for a menu

• V3.2.?
• Your base framework: .Net Core.
• Steps needed to reproduce the problem.

suppose the menu like this:

menuItems: MenuItem[] = [
        new MenuItem(this.l("HomePage"), "", "home", "/app/home"),
        new MenuItem(this.l("Administration"), "Pages.Entities", "view_module", ""),
        new MenuItem(this.l("Tenants"), "Pages.Tenants", "business", "/app/tenants"),
        new MenuItem(this.l("Users"), "Pages.Users", "people", "/app/users"),
        new MenuItem(this.l("Roles"), "Pages.Roles", "local_offer", "/app/roles"),
        new MenuItem(this.l("About"), "", "info", "/app/about"),
    ];

If I assign a new items to the administration menu(the items is null), a click on the menu item will not expand the sub menu items even the page already have the ‘+’. now change the menu to new MenuItem(this.l("Administration"), "Pages.Entities", "view_module", "", []), if I then add each child menus into this items, click on the menu can expand the sub menu.

I did this in the ngOnInit() of the SideBarNavComponent of the \src\app\layout\sidebar-nav.component.ts

if(this.menuItems[1].items === null){
this.menuItems[1].items = [];
}
this.menuItems[1].items,push(new MenuItem(...));

this doesn’t bring me the expand.

please help. Thanks, Jason.

[jasonliaocn]

@ismcagdas Thanks for your update and the issue was fixed after I load my dynamic staff in the appSession then init the menuitem in the ngOnInit function.

[ismcagdas]

@jasonliaocn please apply changes in the below commit into your project. https://github.com/aspnetboilerplate/module-zero-core-template/commit/e3b3ca34acb9a36ac9f4f5ce3270e617ac90b03c

Then, you can add new menu items in ngOnInit dynamically.