An angular-material-multilevel-menu for Angular 6?

angular6 sidenav
sibert picture sibert · Jun 4, 2018 · Viewed 25.4k times · Source

I have tried to achieve a multilevel sidenav and I found this that meets my requirements:

angular-material-multilevel-menu

Demo - Note the accordion type

Unfortunately this is created for AngularJS (1.0?), which seems to not work in Angular 6.

My questions are:

  1. Is there any other multilevel sidenav component for Angular 6? Have note found any similar on Google that works.
  2. Is it possible to "upgrade" this Angular 1.0 menu to Angular 6? How?
  3. Is there any simple instructions or courses to build your own multilevel side nav? There are many instructions for one-level, but I have found none multi-level.

Answer

PierBJX picture PierBJX · Jun 14, 2018

I don't know if you are still looking for angular-material-multilevel-menu but I have found one made by ShankyTiwari. Here is the link for GitHub and the link for the demo.

Very easy to use and to implement. For example, I implemented it in a sidebar because it does not exist with Angular material. If not an alternative would be PrimeNG as @Dino said.

Related questions

Could not find module "@angular-devkit/build-angular"

After updating to Angular 6.0.1, I get the following error on ng serve: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". Error: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". at Object.resolve (/home/Projects/myProjectName/node_…

Read More
Angular - "has no exported member 'Observable'"

Typescript code: import { Injectable } from '@angular/core'; import { Observable } from 'rxjs/Observable'; import { of } from 'rxjs/observable/of'; import { Hero } from './hero'; import { HEROES } from './mock-heroes'; @Injectable({ providedIn: 'root' }) export class HeroService { constructor() { } getHeroes(): Observable<Hero[]&…

Read More
Errors: Data path ".builders['app-shell']" should have required property 'class'

I am getting this error while running my application. Here are the details of my application. Angular CLI: 7.3.3 Node: 10.15.1 Angular: 7.2.7 @angular-devkit/architect -0.13.3 @angular-devkit/build-angular- 0.800.1 @angular-devkit/build-optimizer - 0.800.1 @angular-devkit/build-webpack - 0.800.1 @angular-devkit/core -7.3.3 @angular-devkit/schematics -7.3.3 @angular/cli -7.3.3 @…

Read More