Angular UI Menu Not able to see menu items #63

3 Answer(s)

• 

  0

  alper created 6 years ago

  Support Team Director

  This shows how you can add a menu item

  Add this to App.component

  import { AddRoute } from '@abp/ng.core';
  import { Store } from '@ngxs/store';
  // ...
  constructor(private store: Store){}
  ngOnInit() {
    this.store.dispatch([
    new AddRoute({
      name: 'Your Custom Page',
      path: 'your-path',
      parentName: 'AbpUiNavigation::Menu:Administration',
      order: 0,
    }),
    new AddRoute({
      name: 'Child 1',
      path: '',
      parentName: 'Your Custom Page',
      order: 1,
    }),
    new AddRoute({
      name: 'Child 2',
      path: 'child',
      parentName: 'Your Custom Page',
      order: 2,
    })
  ]);
  }
  

  After that, it'll be as shown below

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  wazbek created 6 years ago

  Hi alper

  Thanks, I am now able to see hard coded menu items.

  Can you please provide an example of how this works with routes defined in a lazy module and then loaded in the app routing module via loadChildren?

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  Mehmet created 6 years ago

  Hi

  You can learn how to create a module and add a element to the menu, on the BookStore tutorial. See https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-1?UI=NG#booksmodule

  I created a gist for all steps. See https://gist.github.com/mehmet-erim/c4ecb8e93c43f1af3f48ff23220be703

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel