angular2のjson内でjsonを解析する方法

Question

私はangular2でJSONファイルを解析しようとしていますが、その方法はわかりません。

user.service.ts

getInfo(): Observable<any>{ 
    let url= 'example.json'; 
    return this.http.get(url, options) 
        .map((res:Response) => res.json()) 
        .catch((error:any) => Observable.throw(error.json().error || 'retriving data failed')); 
} 

user.component.ts例のJSONファイルでそう

template: `<p>{{userInfoes.user_info.user_id}}</p>` 

export class USER{ 
getInfo(): void{ 

    this.userService.getInfo().subscribe(userInfoes =>this.userInfoes= userInfoes); 
}} 

example.json

{ 
    "task": "angular2", 
    "user_info": {"user_id": "yeehaah", "user_location": "canada"} 
} 

。プロパティは別のjsonです。マップを使ってjsonファイルを解析すると、それは一度だけ解析され、user_infoプロパティは文字列（json）のままになります。 構文解析されたexample.jsonは、別のjsonを残して何を意味するのかを説明しています。私は何をすべき、example.jsonファイルにuser_infoプロパティ内user_idを表示したい場合は

はexample.json

{ 
    task: "angular2", 
    user_info: {"user_id": "yeehaah", "user_location": "canada"} 
} 

を解析されましたか？

Answer 1

プロパティの前後に引用符を使用しないでください。user_id、user_locationこれを修正すると、jsonは正しく解析してuser_info.user_id=="yeehaah"となるはずです。