在多级分层角度网格中显示 sql 数据

如何解决在多级分层角度网格中显示 sql 数据

我是 Angular 的新手，有一项要求是我们需要在多级/分层的 Angular Grid 中显示数据。

数据来自 SQL 数据库。它基本上是一个查询，其中我们在 where 子句中传递参数并取回数据。

我的问题是：

1. 我们在 Angular 中是否有现成的多级网格？多级网格应具有展开 - 折叠功能。
2. 我在大多数地方看到来自后端服务的数据（提供给 Angular 应用程序）总是采用 JSON 格式。如何将来自 SQL DB 的数据转换为 JSON 以便可以在多级网格中使用？
3. 如何在使用 HTTP Client 获取数据的同时传递要在 sql 查询中使用的参数？

注意：这需要在 Angular 8 或更高版本中完成。

解决方法

你的问题涵盖了广泛的主题，因此我的回答非常高。

1. 您可以使用 div 等基本 HTML 元素或使用支持展开/折叠功能的 Angular 材质组件 table 来实现多级数据表示。它还取决于您拥有的层次结构（嵌套）级别。最后，还有提供更多组件的第三方库，例如 PrimeNG。
2. JSON 格式是在客户端和服务器之间传输数据时事实上的行业标准格式。与 Angular 无关。
3. 您可以通过创建一个注入 HttpClient 的 Angular 服务来传递参数，并且可以与您的 API 端点进行通信。传统上，数据库查询参数作为 API 网址的一部分或在请求正文中发送。