Angular2アクセスはJSON

Question

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

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

]

私もPlunkerをcreatet：Plunker

Answer 1

ngForは、箱から出して、オブジェクトのキーを反復処理することはできません。あなたはそれを自分で処理しなければなりません。

パイプがうまく機能します。例：Updated 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; 
    } 
}