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

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입니다. json 파일을 구문 분석하기 위해 map을 사용할 때, 단지 한 번 구문 분석하고 user_info 속성에는 문자열 (json)을 남겨 둡니다. 구문 분석 된 example.json은 다른 json을 남겨 두었다는 것을 설명합니다.

내가 어떻게해야 example.json

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

나는 example.json 파일의 user_info 건물 내부 user_id을 표시하려면 구문 분석?

Answer 1

속성 주위에 따옴표를 사용하지 마십시오. user_id, user_location. 이 문제를 해결하면 json은 올바르게 구문 분석하여 user_info.user_id=="yeehaah"이되도록해야합니다.