title: Nebular menu click refreshing page component Issue
body: <p>I am using nebular menu in my application, Where I am facing an issue like when I click on menu item its automatically scroll up to top of page and closing/expanding once again which means page.component.ts are hitting again when trying to redirect page.</p>
  <p>pages-menu.ts</p>
  <pre><code>export const userMenu: NbMenuItem[] = [
    {
      title: &quot;Menu1&quot;,
      icon: &quot;nb-person&quot;,
      children: [
        {
          title: &quot;SubMenu1&quot;,
          link: &quot;/pages/forms/Sub-Menu1&quot;
        },
        {
          title: &quot;SubMenu2&quot;,
          link: &quot;/pages/forms/Sub-Menu2&quot;
        }
      ]
  </code></pre>
  <p>And If we call this menu.ts variable in pages.component.ts</p>
  <pre><code>menu: any
  constructor(){
  this.menu = userMenu
  }
  </code></pre>
  <p>This works fine. But if I want to make my menu dynamic like show/hide based on some user roles and instead of exporting from menu.ts directly assign menu list in pages.component.ts file Im facing an issue like onclick of each menu item its refreshing entire component and dragging sidebar menu scrolls to top and refreshing takes place.</p>
  <p>pages.component.ts</p>
  <pre><code>menu: NbMenuItem[]
  this.menu = [
        {
          title: &quot;Menu1&quot;,
          icon: &quot;nb-person&quot;,
          children: [
            {
              title: &quot;SubMenu1&quot;,
              link: &quot;/pages/forms/Sub-Menu1&quot;
            },
            {
              title: &quot;SubMenu2&quot;,
              link: &quot;/pages/forms/Sub-Menu2&quot;
            }
          ],
  &quot;hidden&quot; : this.available_groups.some(v =&gt; ['Admin'].includes(v)) ? false : true
  </code></pre>
  <p>Please someone guide me on this issue, Thanks in advance.</p>