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

Is there a problem with simply... accessing them? it's just your avg every day object. — user400654
– user400654, Commented Jun 27, 2016 at 18:49

JacobS · Accepted Answer · 2016-06-27 18:55:49Z

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;
    }
}

answered Jun 27, 2016 at 18:55

JacobS

6066 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Quai Over a year ago

Okay. Thank you. You cant read anything about it in the documentation.

JacobS Over a year ago

I find that the documentation on the angular angular.io to be fantastic. Aside from reading articles that's the go to source for me.

Collectives™ on Stack Overflow

Angular2 access nested JSON

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related