Angular2 / Typescript :呈现组件中结构未知的json对象

Question

我需要呈现一个json对象，它是一个组件上的webapi调用的输出。

问题是这个响应没有固定的结构，它可以根据webapi的执行情况进行更改。

有时它可以是一个简单的数组，有时是一个对象数组等等.

如何在不知道输出结构的情况下呈现它？

对于来自PHP开发的人，我需要像print_r函数这样的东西.

谢谢问候

Answer 1

这取决于你想要如何渲染它。

要调试，可以使用json管道。

{{data | json}}

否则，您可以检查返回的响应是数组还是对象，并在此基础上呈现它。

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

我可能会尝试规范从角服务返回的数据结构，以便它始终是一个对象数组，然后基于这些对象是否包含不同的键来呈现它。