title: Ionic Caching not working
body: <p>I'm developing an app using Ionic, but caching isn't working as expected.
  Every time I switch from <code>root.home.notifs</code> to <code>root.home.chats</code> the <code>chats</code> view is refreshed (its controller is reinitialized).</p>
  
  <p>I've 2 tabs:</p>
  
  <pre><code>  &lt;ion-footer-bar&gt;
      &lt;ion-tabs class="tab-bottom tabs-striped"&gt;
        &lt;ion-tab icon="ion-ios-chatboxes-outline" ui-sref="root.home.chats"&gt;
        &lt;/ion-tab&gt;
        &lt;ion-tab icon="ion-ios-heart-outline" ui-sref="root.home.notifs"&gt;
        &lt;/ion-tab&gt;
      &lt;/ion-tabs&gt;
    &lt;/ion-footer-bar&gt;
  </code></pre>
  
  <p>And these states (my controllers are empty):</p>
  
  <pre><code>.state('root.home', {
    abstract: true,
    cache : true,
    url: '/home',
    templateUrl: 'components/home/templates/home.html'
  })
  .state('root.home.chats', {
    url: '/chats',
    cache : true,
    controller: 'ChatCtrl',
    templateUrl: 'components/home/templates/home.chats.html'
  })
  .state('root.home.notifs', {
    url: '/notifs',
    cache : true,
    controller: 'NotifCtrl',
    templateUrl: 'components/home/templates/home.notifs.html'
  })
  </code></pre>
  
  <p>Every view has <code>cache-view="true"</code> and I've configured the cache this way <code>$ionicConfigProvider.views.maxCache(100)</code></p>
  
  <p><strong>NOTE:</strong> I've noticed that this error depends on which state I navigate to first. There's an auth system that calls <code>$state.$go('root.home.notifs')</code>. Changing this changes which view is cached correctly</p>
  
  <p>Any tip on how to solve this?</p>