Angular 2：将JSON对象解析为Angural类[重复]

Question

我一直在遵循Angular2入门文档来开发我自己的应用程序，我已经成功地从本地文件中检索JSON对象，并将它们显示在angular2模板中。然而，目前它依赖于与我的JSON文件中的对象结构完全匹配的angular类。

最终，我需要我的应用程序使用JSON-LD，它具有属性名，如“@id”。我做了一些谷歌搜索，似乎RxJS可能具有我正在寻找的功能，但我不确定从哪里开始中断从一些JSON数据到angular2类的自动绑定，而是能够在JSON中查找标记为“@id”的内容并设置SomeClass.id的值

自动生成Person类数组的当前代码:

getPeople(){
    return this._http.get(this._peopleUrl)
        .map(response => <Person[]> response.json().data)
        .do(data => console.log(data)) //debug to console
        .catch(this.handleError);
} 

这样的JSON很好：

[
 {
  "id":"1",
  "name":"tessa"
 },
 {
  "id":"2",
  "name":"jacob"
 }
]

但对于这样的JSON，它显然会失败：

[
 {
  "@id":"1",
  "name":"tessa"
 },
 {
  "@id":"2",
  "name":"jacob"
 }
]

我的课程很简单（目前：-）

export class Person {
  constructor(
    public id:number,
    public name:string,
  ){}
}

有没有人能给我指出一些把复杂/棘手的json映射到angular2中的类的文档/例子的正确方向？

Answer 1

我在这里给出的答案的选项4中找到了答案:如何用JSON对象初始化typescript对象

希望这有助于任何人登陆此页面寻找相同的东西！