如何在angular中显示动态json数据？

Question

我是 angular 的初学者。 我的问题是 - 基于用户上传的 excel 文件，api 返回一些 JSON 格式的数据。 所以列标题和数据是动态的。 我想在 HTML 表中显示 json 数据。

我想知道我的 json 的外观及其各自的 TS 和 HTML 代码应该如何。

用户上传 excel 文件，如此文件示例

我的 output 应该如下所示： output第一列和第一行是动态的。

Answer 1

由于您是 Angular 的新手，我将向您展示您可以使用的程序之一

Angular 部分：

每次服务器发送数据时，您可以通过 HTTP 方法或 web-socket 通过“服务”从 angular 获取您的数据。

服务：

在服务中，您可以导入 HTTP 以获取数据，在获取数据后，您可以通过使用“行为主体”将其发送到您想要的任何包含您的表的组件并在那里保存数据值。 （行为主体来自 rxjs 库）。

零件：

现在您在 angular 中的组件每次都有 json 数据，您可以分析
您的 JSON 文件，基于您的 JSON 形状，您可以在组件表的 HTML 部分中使用 *ngfor ，它将在线更改表格。