title: Invalid argument for pipe 'AsyncPipe'
body: <p>So i get this when i try to get my data from firebase</p>
  
  <pre><code>Invalid argument '{"-KCO4lKzEJPRq0QgkfHO":{"description":"teste","id":1457488598401,"resourceUrl":"tete","title":"test2"}}' for pipe 'AsyncPipe' in [listItems | async  in ArcListComponent@2:10]
  </code></pre>
  
  <p>ArcListComponent</p>
  
  <pre><code>import { Component, OnInit } from "angular2/core";
  import { FirebaseService } from "../shared/firebase.service";
  import { ArcItem } from "./arc-item.model";
  
  
  @Component({
      selector: "arc-list",
      template: `
      &lt;ul class="arc-list"&gt;
        &lt;li *ngFor="#item of listItems | async " class="arc-item"&gt;
          &lt;h3&gt;{{ item.name}}&lt;/h3&gt;&lt;a [href]="item.resourceUrl" target="_blank" class="btn btn-success pull-right"&gt;&lt;span&gt;Go&lt;/span&gt;&lt;/a&gt;
          &lt;hr&gt;
          &lt;blockquote&gt;{{ item.description }}&lt;/blockquote&gt;
          &lt;hr&gt;
  
        &lt;/li&gt;
      &lt;/ul&gt;
      `
  
  })
  
  export class ArcListComponent implements OnInit {
    listItems: string;
  
    constructor(private _firebaseService: FirebaseService) {}
  
    ngOnInit(): any {
      this._firebaseService.getResources().subscribe(
        resource =&gt; this.listItems = JSON.stringify(resource),
        error =&gt; console.log(error)
      );
    }
  
  }
  </code></pre>
  
  <p>firebase_service</p>
  
  <pre><code>import { Injectable } from "angular2/core";
  import { Http } from "angular2/http";
  import "rxjs/Rx";
  
  @Injectable()
  export class FirebaseService {
  
    constructor(private _http: Http) {}
  
    setResource(id: number, title: string, description: string, resourceUrl: string) {
      const body = JSON.stringify({ id: id, title: title, description: description, resourceUrl: resourceUrl});
  
      return this._http
                       .post("https://######.firebaseio.com/resource.json", body)
                       .map(response =&gt; response.json());
    }
  
    getResources() {
      return this._http
                       .get("https://######.firebaseio.com/resource.json")
                       .map(response =&gt; response.json());
    }
  }
  </code></pre>
  
  <p>I know i am trying to show my data the wrong way but i do not know how to fix this. any help appreciated.</p>