title: Multi-level menu in ASP.NET CORE ANGULAR 5.x
body: <p>I am working with nested menu with AppMenuItem, but not more than one nested sub-menu is working (collapsed) like its parent.
  Here is my menu structure (app-navigation.service.ts):</p>
  
  <pre><code>    getMenu(): AppMenu {
      return new AppMenu('MainMenu', 'MainMenu', [
          new AppMenuItem('Dashboard', 'Pages.Administration.Host.Dashboard', 'flaticon-line-graph', '/app/admin/hostDashboard'),
          new AppMenuItem('Dashboard', 'Pages.Tenant.Dashboard', 'flaticon-line-graph', '/app/main/dashboard'),
          new AppMenuItem('Tenants', 'Pages.Tenants', 'flaticon-list-3', '/app/admin/tenants'),
  
  
          new AppMenuItem('MasterPlan', 'Pages.Tenant.MasterPlan', '  flaticon-line-graph', '', [
              new AppMenuItem('Project', 'Pages.Tenant.MasterProject', 'flaticon-line-graph', '', [
                  new AppMenuItem('MasterDepartment', 'Pages.Tenant.MasterDepartment', 'flaticon-line-graph', ''),
              ]),
          ]),
      ])
  }
  </code></pre>