title: How do you show loading in ionic view or load all of app at once in cache/memory?
body: <p>I want to show a loading animation (basic circular animation that is built in to ionic) to load a tab. I have tried $ionicLoading and I can get it to work for my splash screen but I am having trouble incorporating it for individual view. I want the tabs bar to remain visible while the loading animation is there but have the actual view be hidden. </p>
  
  <p>I have code for the splash screen loading here:</p>
  
  <pre><code>angular.module('LoadingApp', ['ionic'])
  .controller('LoadingCtrl', function ($scope, $ionicLoading) {
      $scope.show = function () {
          $ionicLoading.show({
              template: 'Loading...',
              noBackdrop: 'true',
          }).then(function () {
              console.log("The loading indicator is now displayed");
          });
      };
      $scope.hide = function () {
          $ionicLoading.hide().then(function () {
              console.log("The loading indicator is now hidden");
          });
      };
  })
  </code></pre>
  
  <p>and I tried to use that in a similar manner inside a view but nothing appears. How do I use that code in a view. Alternatively, is there a way to load everything in the app into cache/ram so that there is no lag time between clicking different tabs. Some of my tabs have images that take a while and pop in after the text. </p>