2016-04-06 15 views
19

自分で作成したアプリケーションを取得するためにAngular2の入門書に従ってきましたが、私はローカルファイルからJSONオブジェクトを取得し、angular2テンプレートで表示することに成功しました。しかし現在は、JSONファイル内のオブジェクトの構造に正確に一致する角度クラスに依存しています。JSONオブジェクトを角度クラスに分解する角度2

最終的に私のアプリは "@id"のようなプロパティ名を持つJSON-LDで動作する必要があります。私はいくつかのグーグルを行ったし、それはRxJSが私が探している機能があるかもしれないようだが、私はいくつかのJSONデータから自動的にangle2クラスに自動バインドを開始する代わりに、このようなJSONのため

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」として標識し 自動的にPersonクラスの配列を生成

現在のコードSomeClass.id

の値を設定しています何かアップ
[ 
{ 
    "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(:-)現時点では)簡単ですangle2のクラスに?

答えて