angularjs - Angular2 はネストされた JSON にアクセスします

Question

Typescript で Angular 2 を初めて使用します。NgFor を使用して JSON の D と G にアクセスしたいと考えています。要素にアクセスする方法はありますか?

[
  {
   "A":"B",
   "C":{
      "D": ["E","F"],
      "G": ["H"]
 } 
}

]

プランカーも作成します:プランカー

Answer 1

ngFor は、そのままではオブジェクトのキーを反復処理できません。あなたはそれを自分で処理しなければなりません。

パイプはうまく機能します。例:更新された Plunkr

@Pipe({name: 'keys'})
export class KeysPipe implements PipeTransform {
    transform(value: any, args?: any[]): any[] {
        let keys = Object.keys(value),
            data = [];

        keys.forEach(key => {
            data.push(value[key]);
        });

        return data;
    }
}