title: Angular/Ionic: How to show my spinner while components are loading
body: <p>I use <code>ng-repeat</code> to display many items and I want to show the <code>ion-spinner</code> if there is any item that is loading.</p>
  
  <p>This is my <code>Ionic</code> template:</p>
  
  <pre><code>&lt;div&gt;
    &lt;ion-spinner icon="ripple"&gt;&lt;/ion-spinner&gt;
  &lt;/div&gt;
  &lt;ion-list&gt;
    &lt;ion-item
      ng-repeat="item in items"
      ng-show="rendered"&gt;
      &lt;mycomp on-render="rendered = $(completed)"&gt;&lt;/myomp&gt;
    &lt;/ion-item&gt;
  &lt;/ion-list&gt;
  </code></pre>
  
  <p><code>&lt;mycomp&gt;</code> is a custom component that retrieves data from a server that when calls <code>on-render</code> is loaded </p>
  
  <p>How can I do this? Thanks</p>