title: Angularjs Nested states: 3 level
body: <p>I am using Agnularjs and Ionic Framework. I am trying to achieve a nested states, which looks like below,</p>
  
  <ul>
  <li>Eventmenu(root) </li>
  <li>&nbsp;&nbsp;Home (2 level)</li>
  <li>&nbsp;&nbsp;&nbsp;&nbsp;Home 1 (3 level)</li>
  <li>&nbsp;&nbsp;&nbsp;&nbsp;Home 2</li>
  <li>&nbsp;&nbsp;checkin</li>
  <li>&nbsp;&nbsp;attendee</li>
  </ul>
  
  <p>My routes file looks like,</p>
  
  <pre><code>angular.module('ionicApp', ['ionic'])
  
  .config(function($stateProvider, $urlRouterProvider) {
  
    $stateProvider
      .state('eventmenu', {
        url: "/event",
        abstract: true,
        templateUrl: "event-menu.html"
      })
      .state('eventmenu.home', {
        url: "/home",
        views: {
          'menuContent' :{
            templateUrl: "home.html"
          }
        }
      })
        .state('eventmenu.home.home1', {
        url: "/home1",
        views: {
          'menuContent' :{
            templateUrl: "home1.html"
          }
        }
      })
          .state('eventmenu.home.home2', {
        url: "/home2",
        views: {
          'menuContent' :{
            templateUrl: "home2.html"
          }
        }
      })
      .state('eventmenu.checkin', {
        url: "/check-in",
        views: {
          'menuContent' :{
            templateUrl: "check-in.html",
            controller: "CheckinCtrl"
          }
        }
      })
      .state('eventmenu.attendees', {
        url: "/attendees",
        views: {
          'menuContent' :{
            templateUrl: "attendees.html",
            controller: "AttendeesCtrl"
          }
        }
      })
  
    $urlRouterProvider.otherwise("/event/home");
  })
  </code></pre>
  
  <p>For full example, please see codepen: <a href="http://codepen.io/liamqma/pen/mtBne" rel="noreferrer">http://codepen.io/liamqma/pen/mtBne</a></p>
  
  <pre><code>/event/home
  /event/checkin
  </code></pre>
  
  <p>are working, but</p>
  
  <pre><code>/event/home/home1
  /event/home/home2
  </code></pre>
  
  <p>are not working.</p>
  
  <p>Any help is greatly appreciated. Thanks!</p>