title: Show/Hide navigation item depending on value from localstorage angular ui-router
body: <p>I have a module like</p>
  
  <pre><code>  function config(msNavigationServiceProvider)
      {
          // Navigation
          msNavigationServiceProvider.saveItem('apps', {
              title : 'APPS',
              group : true,
              weight: 1
          });
  
          msNavigationServiceProvider.saveItem('apps.dashboards', {
              title : 'Dashboards',
              icon  : 'icon-tile-four',
              weight: 1
          });
      }
  </code></pre>
  
  <p>Where <a href="http://pastie.org/10841119" rel="nofollow"><code>msNavigationServiceProvider</code></a> is provider which is part of core package.
   The problem is that I want to hide <code>Apps</code> Item on Navigation bar accoding to the value in localstorage but I cannot access <code>$localStorage</code> in config() provider error. I have research about it found that it is not possible.</p>
  
  <p>So what should I do to hide item from Navigation . I dont want touch the core packages but I also cannot use localstorage in my code.</p>
  
  <p>Any help would be appreciated</p>