title: How to have loader spinner persist until entire view content has loaded
body: <p>I have this in my controller right now, but it only shows the spinner for a second and then goes away, even though the content is still clearly loading</p>
  
  <pre><code>  $scope.$on("$ionicView.beforeEnter", function(event, data) {
        $ionicLoading.show({
        template: '&lt;p&gt;Loading...&lt;/p&gt;&lt;ion-spinner&gt;&lt;/ion-spinner&gt;'
      });
  });
  
  
  $scope.$on("$ionicView.afterEnter", function(event, data) {
        $ionicLoading.hide();
  });
  </code></pre>
  
  <p>Any help would be appreciated. Thanks :)</p>