Guest User

Untitled

a guest
Dec 17th, 2018
63
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.40 KB | None | 0 0
  1. {
  2. id: 2, // 1st level
  3. options: [
  4. {
  5. option: 'Dropdown with 5 options',
  6. route: '/Submenu1',
  7. options: [
  8. { label: "Option 1", route: "/Submenu1" },
  9. { label: "Option 2", route: "/Submenu2" },
  10. { label: "Option 3", route: "/Submenu3" },
  11. { label: "Option 4", route: "/Submenu4" },
  12. { label: "Option 5", route: "/Submenu5" },
  13. ]
  14. },
  15. // { option: 'TestJustIgnore', route: '/Submenu2' },
  16. // { option: 'TestJustIgnore', route: '/Submenu3' },
  17. {
  18. option: 'Dropdown with 2 options',
  19. route: '/Submenu4',
  20. options: [
  21. { label: "Option 1", route: "/Submenu1" },
  22. { label: "Option 2", route: "/Submenu2" }
  23. ]
  24. },
  25. // { option: 'TestJustIgnore', route: '/Submenu5' },
  26. ]
  27. }
  28.  
  29. <a mat-list-item *ngIf="!rootOption.rootTab && !rootOption.options" [routerLink]="rootOption.route" routerLinkActive="active">{{rootOption.option}}</a>
  30. <mat-select *ngIf="rootOption.options"
  31. placeholder="Select an Option">
  32. <mat-option *ngFor="let option of rootOption.options"
  33. [routerLink]="option.route"
  34. [value]="option.label">
  35. {{option.label}}
  36. </mat-option>
  37. </mat-select>
Add Comment
Please, Sign In to add comment