title: Nested states in angular how to access them
body: <p>I would like to access a nested state. In my routes.js I have</p>
  
  <pre><code>.state('menu', {
  url: '/side-menu-ineevent',
  templateUrl: 'templates/menu.html',
  abstract:true
  })
  .state('menu.settings.privacy_policy', {
    url: '/privacy_policy',
    views: {
      'settings': {
          templateUrl: 'templates/privacy_policy.html'
      }
    }
  })
  .state('menu.settings', {
    url: '/settings',
    views: {
      'side-menu-ineevent': {
        templateUrl: 'templates/settings.html',
        controller: 'Settings'
      }
    }
  })
  </code></pre>
  
  <p>I would like to access privacy_policy. I tried many path like </p>
  
  <pre><code>href="#/side-menu-ineevent/settings/privacy_policy"
  </code></pre>
  
  <p>but it doesn't work. Any idea?</p>