title: ngFor with Observables?
body: <p>I am converting an angular 2 component to use asynchronous data sources. </p>
  
  <p>I had a <code>&lt;div class="col s4" *ngFor="let line of lines; let i = index;"&gt;</code> which worked when <code>lines</code> was an Array of Objects, however, lines is now an Observable of an Array of Objects. </p>
  
  <p>This causes error:</p>
  
  <blockquote>
    <p>Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.</p>
  </blockquote>
  
  <p>I tried <code>&lt;div class="col s4" *ngFor="let line of lines | async; let i = index;"&gt;</code> however, that didn't seem to make a difference. </p>
  
  <p>How should I deal with this?</p>