活字体、角度2解析JSONの形式のJSON文字列を含む、HTTP

Question

私はファイル location.jsonを持って

内のオブジェクトへオブジェクトにjson文字列を解析しますか？

... 
export class DashboardComponent { 

    locations: Locations[]; 

    constructor(private locationService:LocationService) { 
    this.getLocations() 
    } 

    getLocations(){ 
     this.locationService.get('assets/location.json') 
     .subscribe(res => this.location = res); 
    } 

Answer 1

通常、それ以外の場合は解析できないだろう、あなたはserviceメソッドでres => res.json()どこかで応答をマッピングするが、JSONは有効なフォーマットを持っている必要があります。私はこのような何かをしました。

レスポンスはObjectであり、レスポンスの本体だけを解析することはできません。

return this.http.get(url,options).map((response) => this.parseResponse(response)) 
     .catch((err) => this.handleError(err)); 

    private handleError(error: any) { 
    let body = error.json(); 

    return Observable.throw(body); 
    } 

    private parseResponse(response: Response) { 
    return response.json(); 
    } 

Answer 2

subsriberための結果だ内容に応じてそれができる：

.map(res => this.location = res.json().locations); 

または：

.subscribe(res => this.location = JSON.parse(res).locations); 

しかし、それはあなたのクラスのインスタンスをinstiantiateないであろうことに注意してください、次の値に一致する正規のjsオブジェクトとしてのみ値を割り当てます。

interface Location { 
    id: number; 
    places: Place[]; 
} 

interface Place { 
    id: number; 
    city: string; 
    state: string; 
} 

あなたが何か行う必要がありますクラスのインスタンスたい場合は210：多分JSON.Parse（RES）にしてみてください

JSON.parse(res) 
    .locations.map(location => new Location(location.id, 
     location.places.map(place => new Place(place.id, place.city, place.state)))