Angular2 / Typescript : render json object with unknow structure in component

Question

I need to render a json object that is the output of a webapi call on a component.

The problem is that this response has not a fixed structure, it can change depending on the webapi execution.

Sometimes it can be a simple array, other time an array of object etc...

How can I render it without knowing the output structure ?

For who comes from PHP development, I need like something like print_r function...

Thanks Regards

Leon Radley · Accepted Answer · 2017-05-16 15:41:37Z

3

It depends on how you want to render it.

To debug you can use the json pipe

{{data | json}}

Otherwise you could check if the returned response is an array or an object and render it based on that.

if (Array.isArray(data)) {
  // render as array
} else {
  // render as something else
}

I would probably try to normalize the datastructure that is returned from an angular service so that it's always an array of objects, and then based on if the objects contain different keys render it differently.

answered May 16, 2017 at 15:41

Leon Radley

7,7225 gold badges39 silver badges55 bronze badges

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

1 Comment

DarioN1 Over a year ago

{{data | json}} is what I was searching for! Thanks!

Collectives™ on Stack Overflow

Angular2 / Typescript : render json object with unknow structure in component

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related