2

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

fastcodejava
  • 39,895
  • 28
  • 133
  • 186
Quai
  • 175
  • 3
  • 18

1 Answers1

3

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;
    }
}
JacobS
  • 606
  • 5
  • 13
  • Okay. Thank you. You cant read anything about it in the documentation. – Quai Jun 27 '16 at 19:00
  • I find that the documentation on the angular https://angular.io to be fantastic. Aside from reading articles that's the go to source for me. – JacobS Jun 27 '16 at 19:21