title: Angular2 RC "NgFor only supports binding to Iterables such as Arrays." error
body: <p>I have an Angular2 app running version 2.0.0-rc.2.</p>
  
  <p>When I use the below http get call in a service I am getting an error saying "NgFor only supports binding to Iterables such as Arrays.". There are more details of the error at the bottom of the post.
  I am calling a .net Web Api end point.
  When the service is pointed to a json file the app works as expected.
  Does anyone have any ideas?</p>
  
  <p>This is the service call...</p>
  
  <pre><code>getTiles(): Observable&lt;ITile[]&gt; {      
    return this._http.get(this._tileUrl)
          .map((response: Response) =&gt; &lt;ITile[]&gt; response.json())
          .do(data =&gt; console.log('All: ' +  JSON.stringify(data)))
          .catch(this.handleError);
  }
  </code></pre>
  
  <p>Here is more details about the error...</p>
  
  <blockquote>
    <p>'[{"TileId":2119799133,"Title":"The Old Doctor Butlers
    Head"},{"TileId":2132951783,"Title":"Milk Tea &amp;
    Pearl"},{"TileId":2139685810,"Title":""}]' <strong>of type 'string'. NgFor
    only supports binding to Iterables such as Arrays.</strong></p>
  </blockquote>
  
  <p>The component that uses this service subscribes like this...</p>
  
  <pre><code> ngOnInit(): void {
         this._TilesService.getTiles()
                   .subscribe(
                     tiles =&gt; this.tiles = tiles,
                     error =&gt;  this.errorMessage = &lt;any&gt;error); 
  }   
  </code></pre>
  
  <p>And contains this HTML...</p>
  
  <pre><code> &lt;div *ngFor="let t of tiles"&gt;
     &lt;tile [tile]='t'&gt;&lt;/tile&gt;
   &lt;/div&gt;
  </code></pre>