title: Getting [object Object] after getting http response using subscribe in Angular 2
body: <p>ProductService.ts     </p>
  
  <pre><code>   getProduct(id: number): Observable&lt;IProduct&gt; {
  
      return this._http.get(this._productUrl + '/GetById/' + 
             id).map((response: Response) =&gt; &lt;IProduct&gt;response.json())           
          .catch(this.errorHandler);     
  }
  </code></pre>
  
  <p>ProductDetailComponent.ts</p>
  
  <pre><code>   getProduct(id: number) {
      this._productService.getProduct(id).subscribe(
          res =&gt; {               
              console.log('before component ' + res);     
              this.product = res;
              console.log('after component ' + res);                
          },
          error =&gt; this.errorMessage = &lt;any&gt;error),
          console.log('execution complete'); 
  }
  </code></pre>
  
  <p>When receiving result in subscribe it is coming as<br>
     execution complete, 
     before component [object Object], 
     after component [object Object]</p>