javascript - 如何在 angular2 中解析 json 中的 json

Question

我正在尝试解析 Angular2 中的 JSON 文件，但不知道如何解析。

用户.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'));
}  

用户.组件.ts

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

export class USER{
 getInfo(): void{

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

示例.json

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

所以在示例 json 文件中。该属性是另一个 json。当我们使用map解析json文件时，它只解析一次，并留下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"。