title: Angular 7 - How to show loader until *ngFor loads the data?
body: <p>How to show loader until *ngFor loads the data?</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;mat-list role="list" *ngFor="let item of channel.channel; let i=index"&gt;
      &lt;mat-list-item role="listitem"&gt;{{i + 1}}. {{item}}&lt;/mat-list-item&gt;
  &lt;/mat-list&gt;
  </code></pre>
  
  <p>It is taking the long time to load, how to show loader until data load gets complete?</p>