Angular2 / Typescript：在组件中渲染具有unknow结构的json对象

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

Answer 1

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.