title: How to show some HTML until screen is loaded in Angular / Ionic?
body: <p>I am using Ionic and I can't find the solution for my problem. What I want to do, is to show some HTML before the screen is loaded. You can use the default <code>$ionicLoading</code>, but that just gives me an overlay, while I don't want that. I am a newbie to <code>Angular</code> and <code>Ionic</code>, so it might be a very simple question, but I just can't solve it.</p>
  
  <p>To do so, I have added HTML to the screen I wanted it to be added. I made it like this:</p>
  
  <pre><code>&lt;div class="preload-wrapper" ng-show="removeAfterLoad"&gt;
    &lt;p&gt;Please wait, the page is being loaded &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And I know I need to use this, but I don't know how to <em>bind</em> it to the HTML I am using.</p>
  
  <pre><code>  $ionicPlatform.ready(function removeAfterLoad () {
           // I need to make sure that the HTML is only shown while the screen is being loaded.
           // After it is loaded, I want to remove the HTML.
  
      });
  </code></pre>
  
  <p>Is it something like <code>$scope.hide</code> I need to use. If so, how do I bind that to my HTML snippet?</p>