Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- {
- id: 2, // 1st level
- options: [
- {
- option: 'Dropdown with 5 options',
- route: '/Submenu1',
- options: [
- { label: "Option 1", route: "/Submenu1" },
- { label: "Option 2", route: "/Submenu2" },
- { label: "Option 3", route: "/Submenu3" },
- { label: "Option 4", route: "/Submenu4" },
- { label: "Option 5", route: "/Submenu5" },
- ]
- },
- // { option: 'TestJustIgnore', route: '/Submenu2' },
- // { option: 'TestJustIgnore', route: '/Submenu3' },
- {
- option: 'Dropdown with 2 options',
- route: '/Submenu4',
- options: [
- { label: "Option 1", route: "/Submenu1" },
- { label: "Option 2", route: "/Submenu2" }
- ]
- },
- // { option: 'TestJustIgnore', route: '/Submenu5' },
- ]
- }
- <a mat-list-item *ngIf="!rootOption.rootTab && !rootOption.options" [routerLink]="rootOption.route" routerLinkActive="active">{{rootOption.option}}</a>
- <mat-select *ngIf="rootOption.options"
- placeholder="Select an Option">
- <mat-option *ngFor="let option of rootOption.options"
- [routerLink]="option.route"
- [value]="option.label">
- {{option.label}}
- </mat-option>
- </mat-select>
Add Comment
Please, Sign In to add comment