title: Show a "loading..." div element until list has loaded and then hide the div element
body: <p>I have an angularJs/firebase list in a mobile app and it takes a couple seconds to load. I wanted to put a simple div there that says "List is loading..." until the list has been loaded with the items. </p>
  
  <p>I know I have to use the ng-hide/ng-show methods but I don't know what expression to use. My list is inside one div, and my "Loading..." text is in another div. How do I tell the "Loading..." div to hide once the List is populated, and not earlier?</p>
  
  <p>I know this isn't the rightway to do it, but its simple since all I have to do is hide one element and show another one. Beats using some form of timeout function which can be so unpredictable sometimes. At least this way, I'm sure the user wont be confused until the list actually loads. They'll actually know that its loading.</p>
  
  <p>I'm using the ionic framework, hence the ion-content tags.</p>
  
  <pre><code>&lt;ion-content id="content"&gt;
  &lt;div class="" ng-hide="loaded"&gt;
     "Loading...."
  &lt;/div&gt;
  
  &lt;ion-list show-delete="data.showDelete" 
  show-reorder="data.showReorder" ng-model="loaded"&gt;
  
    &lt;ion-item ng-repeat="client in clients|filter:search |orderBy:'name'"
        item="client"
        href="#/{{client.$id}}" class="item-remove-animate"&gt;
        &lt;h2&gt;{{client.name}}&lt;/h2&gt;
        &lt;h4&gt;File #: {{client.fileNumber}}&lt;/h4&gt;
        &lt;ion-delete-button class="ion-minus-circled"
                            ng-click="removeClient(client)"&gt;
        &lt;/ion-delete-button&gt;
  
        &lt;ion-option-button class="button-assertive"
                            ng-click="edit(client)"&gt;
          Edit
        &lt;/ion-option-button&gt;
  
        &lt;ion-option-button class="button-calm"
                            ng-click="share(client)"&gt;
          Share
        &lt;/ion-option-button&gt;
  
        &lt;ion-reorder-button class="ion-navicon" on-reorder=
        "moveItem(client, $fromIndex, $toIndex)"&gt;
        &lt;/ion-reorder-button&gt;
    &lt;/ion-item&gt;
  &lt;/ion-list&gt;
  </code></pre>
  
  <p></p>