Angular 5 HTTP get response errorプロパティ 'body'が型 'Object'に存在しません

Question

私はAngle 5をHTTPで処理しています。アプリケーションにサービスを提供しながら、このエラーを取得

..

import { Component, OnInit } from '@angular/core'; 
import { Router, ActivatedRoute, ParamMap } from '@angular/router'; 
import { HttpClient } from '@angular/common/http'; 
import 'rxjs/add/operator/switchMap'; 

@Component({ 
selector: 'app-post-detail', 
templateUrl: './post-detail.component.html', 
styleUrls: ['./post-detail.component.css'] 
}) 
export class PostDetailComponent implements OnInit { 
body: string; 
recent: {}; 
constructor(
    private route: ActivatedRoute, 
    private router: Router, 
    private http: HttpClient, 
) { } 

ngOnInit() { 
    let id = this.route.snapshot.paramMap.get('id'); 
    let userId = this.route.snapshot.paramMap.get('userid'); 
    this.getUserPosts(userId); 
    this.http.get('https://jsonplaceholder.typicode.com/posts/'+id) 
    .subscribe((data)=>{ 
    this.body = data.body; 
    }); 
} 
} 

私はこのエラーを取得していますし、私は構文に基づいて、クラス内の文字列としてタイプを割り当てるのはなぜ知りません。以下のようにAPIの

レスポンス、

Answer 1

(data)=>{ 
    this.body = data.body; 
} 

dataはJSONではありません。 dataに.json()を実行する必要があります。それとも、サブスクライブする前にmapを実行することができます：

this.http.get('https://jsonplaceholder.typicode.com/posts/'+id) 
    .map(res => res.json()) 
    .subscribe((data)=>{ 
     this.body = data.body; 
}); 

mapを使用するためには、あなたはそれをインポートする必要があります。

import 'rxjs/add/operator/map' 

は、ここではより多くの例を参照してください：https://angular.io/api/http/Http

をEDIT：

を

応答が入力されました - あなたのためのインターフェイスを作成する必要があります応答：

interface SomeResponse { 
    Body: SomeType; 
} 

そして、このような要求を行います。

this.http.get<SomeResponse>'https://jsonplaceholder.typicode.com/posts/'+id) 
    .subscribe((data)=>{ 
    this.body = data.body; 
    }); 

ここでも、より多くの例ここ：https://codingthesmartway.com/angular-4-3-httpclient-accessing-rest-web-services-with-angular/