title: state transition between child views/states in angularjs ui-router and ionic
body: <p>I am using an ionic tabs project. IONIC uses angular JS's ui-router for routing.</p>
  
  <p>In a tab I want to have multiple state and I want to route between states.</p>
  
  <p>for routing between states i am using <code>$state.g();</code></p>
  
  <p>here is my code:</p>
  
  <h2>app.js</h2>
  
  <pre><code>.config(function($stateProvider,$urlRouterProvider){
      $stateProvider
  .state('footer',{
      url:'/footer',
      abstract:true,
          templateUrl:'templates/footer.html'
  })
  
  .state('footer.home',{
      url:'/home',
      abstract:true,
      views:{
          'footer-home':{
              templateUrl:'/templates/hometemplate.html',
              controller:'HomeCtrl'
          }
      }
  })
  .state('footer.home.mainhome',{
      url:'/mainhome',
      parent:'footer.home',
      views:{
          'footer-home-landing':{
              templateUrl:'/templates/myHome.html',
              controller:'HomeCtrl'
          }
      }
  })
  .state('footer.home.about',{
      url:'/about',
      parent:'footer.home',
      views:{
          'footer-home-about':{
              templateUrl:'templates/test.html',//template:'&lt;p&gt;asasdfa&lt;/p&gt;',
              controller:'AboutCtrl'
          }
      }
  })
  </code></pre>
  
  <p>hometemplate.html: i have two ion-nav-view's inside on ion-nav-view</p>
  
  <pre><code>&lt;ion-nav-view view-title="HomeTemplate"&gt;
   &lt;ion-nav-view name="footer-home-landing"&gt;&lt;/ion-nav-view&gt;
   &lt;ion-nav-view name="footer-home-about"&gt;&lt;/ion-nav-view&gt;
  &lt;/ion-nav-view &gt;
  </code></pre>
  
  <p>Now in <code>myHome.html</code> i have an image. on click of image I am using <code>$state.go('footer.home.about');</code></p>
  
  <p>In my <code>test.html</code>, i have one image on click of it want to take back to my <code>myHome.html</code> using <code>$state.go('footer.home.myhome')</code>.</p>
  
  <p>Here comes the problem. while going back to 'footer.home.myhome' myhome contents are not getting displayed. still the test.html contents are displaying but the click events on it are not triggering.</p>
  
  <p>Strange behavior. Not understanding where I did wrong. 
  its almost like angular js, no need to worry about ionic.
  Can somebody help me? </p>