Angular2 access nested JSON

Question

i´m new to Angular 2 in Typescript.I want to access D and G of my JSON with NgFor. Is there a way to access the elements?

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

]

I also createt a Plunker: Plunker

Answer 1

ngFor can't iterate over an object's keys out of the box. You must handle that yourself.

Pipes work well. Example: 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;
    }
}