在 Angular 2 中使用订阅获取 http 响应后获取 [object Object]

Question

产品服务.ts

   getProduct(id: number): Observable<IProduct> {

    return this._http.get(this._productUrl + '/GetById/' + 
           id).map((response: Response) => <IProduct>response.json())           
        .catch(this.errorHandler);     
}

产品详细信息组件.ts

   getProduct(id: number) {
    this._productService.getProduct(id).subscribe(
        res => {               
            console.log('before component ' + res);     
            this.product = res;
            console.log('after component ' + res);                
        },
        error => this.errorMessage = <any>error),
        console.log('execution complete'); 
}

当在订阅中接收结果时，它会在
执行完成时出现，在组件 [object Object] 之前，在组件 [object Object] 之后

Answer 1

你需要做 JSON.stringify

console.log('before component ' + JSON.stringify(res));