title: ionic change location won't work
body: <p>i'm new in ionic ( just a little less in angularjs ) .</p>
  
  <p>i'm trying to do a simple switch between two views:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;body ng-app="starter" animation="slide-left-right-ios7"&gt;
      &lt;!-- 
        The nav bar that will be updated as we navigate between views.
      --&gt;
      &lt;ion-nav-bar class="bar-stable nav-title-slide-ios7"&gt;
        &lt;ion-nav-back-button class="button-icon icon  ion-ios7-arrow-back"&gt;
          Back
        &lt;/ion-nav-back-button&gt;
      &lt;/ion-nav-bar&gt;
  
      &lt;ion-nav-view name="intro"&gt;&lt;/ion-nav-view&gt;
      &lt;ion-nav-view name="login"&gt;&lt;/ion-nav-view&gt;
      &lt;ion-nav-view name="home"&gt;&lt;/ion-nav-view&gt;
      &lt;ion-nav-view name="pizze"&gt;&lt;/ion-nav-view&gt;
      &lt;ion-nav-view name="sponsor"&gt;&lt;/ion-nav-view&gt;
      &lt;ion-nav-view name="scontrino"&gt;&lt;/ion-nav-view&gt;
    &lt;/body&gt;
  </code></pre>
  
  <p><strong>APP.js</strong></p>
  
  <pre><code>.config(function($stateProvider, $urlRouterProvider) {
  
    // Ionic uses AngularUI Router which uses the concept of states
    // Learn more here: https://github.com/angular-ui/ui-router
    // Set up the various states which the app can be in.
    // Each state's controller can be found in controllers.js
    $stateProvider
  
  
      .state('intro', {
        url: '/intro',
        views: {
          'intro': {
            templateUrl: 'templates/intro.html',
            controller: 'IntroCtrl'
          }
        }
      })
      .state('login', {
        url: '/login',
        views: {
          'login': {
            templateUrl: 'templates/login.html',
            controller: 'LoginCtrl'
          }
        }
      })
    $urlRouterProvider.otherwise('/intro');
  
  });
  </code></pre>
  
  <p><strong>Controllers.js</strong></p>
  
  <pre><code>angular.module('starter.controllers', [])
  
  .controller('IntroCtrl', function($scope,$location) {
      $location.url("/login");
  
  })
  .controller('LoginCtrl', function($scope,$location) {
  
  })
  </code></pre>
  
  <p>Intro is shown correctly but when it tries to change location to "login.html" it says:</p>
  
  <pre><code>TypeError: Cannot read property 'querySelectorAll' of undefined
      at cancelChildAnimations (http://localhost:8000/www/lib/ionic/js/ionic.bundle.js:30611:21)
      at Object.leave (http://localhost:8000/www/lib/ionic/js/ionic.bundle.js:30176:11)
      at Object.leave (http://localhost:8000/www/lib/ionic/js/ionic.bundle.js:38411:24)
      at updateView (http://localhost:8000/www/lib/ionic/js/ionic.bundle.js:41540:31)
      at eventHook (http://localhost:8000/www/lib/ionic/js/ionic.bundle.js:41501:17)
      at Scope.$broadcast (http://localhost:8000/www/lib/ionic/js/ionic.bundle.js:21190:28)
      at $state.transition.resolved.then.$state.transition (http://localhost:8000/www/lib/ionic/js/ionic.bundle.js:33975:22)
      at wrappedCallback (http://localhost:8000/www/lib/ionic/js/ionic.bundle.js:19894:81)
      at http://localhost:8000/www/lib/ionic/js/ionic.bundle.js:19980:26
      at Scope.$eval (http://localhost:8000/www/lib/ionic/js/ionic.bundle.js:20906:28) 
  </code></pre>
  
  <p>What could be the problem???</p>
  
  <p>Thanks!</p>