title: Angular2 n - getting invalid argument [object Object] ... for pipe 'AsyncPipe'
body: <p>I am getting an error trying to display he results of my service call.  The html page has an ngFor with the | async.  I can make the call, get the results, but receiving an error when trying to render the page.  I know the variable need to be an Observable for the async to work.  I am not sure what I am doing wrong and have tried several things.  Any insight is appreciated.</p>
  
  <p><strong>Error Message:</strong>
  Invalid argument '[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]' for pipe 'AsyncPipe'</p>
  
  <p><strong>Variable Definition</strong></p>
  
  <pre><code>  public products:Observable&lt;Product[]&gt;;
  </code></pre>
  
  <p><strong>Call to Service</strong></p>
  
  <pre><code>ngOnInit() {
  
      this.productService.load().subscribe(
        data =&gt; {
          // Set the products Array
          this.products = data['_embedded'].products;
        },
        error =&gt; console.log('Could not find product catalog.')
      );
  </code></pre>
  
  <p>}</p>
  
  <p><strong>Service Call</strong></p>
  
  <pre><code> load() {
      return this._http.get(`http://localhost:8000/products`).map(response =&gt; response.json());
    }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;tbody *ngFor="let product of products | async"&gt;
            &lt;tr&gt;
              &lt;td&gt;{{product.sku}}&lt;/td&gt;
              &lt;td&gt;{{product.materialNumber}}&lt;/td&gt;
              &lt;td&gt;{{product.price}}&lt;/td&gt;
              &lt;td&gt;{{product.baseUom}}&lt;/td&gt;
              &lt;td&gt;{{product.packageSize}}&lt;/td&gt;
              &lt;td&gt;{{product.casePack}}&lt;/td&gt;
              &lt;td&gt;{{product.weight}}&lt;/td&gt;
              &lt;td&gt;{{product.height}}&lt;/td&gt;
            &lt;/tr&gt;
            &lt;/tbody&gt;
  </code></pre>
  
  <p><strong>Data From Call</strong></p>
  
  <p><a href="https://i.stack.imgur.com/G75l3.png" rel="noreferrer"><img src="https://i.stack.imgur.com/G75l3.png" alt="Data From Call"></a></p>