如何将 json 数据与 Angular 材质表绑定以创建动态表？

Posted 2023-02-26

【中文标题】如何将 json 数据与 Angular 材质表绑定以创建动态表？

【英文标题】：How to bind json data with Angular material table to create dynamic table?

【发布时间】：2020-03-08 08:48:11

【问题描述】：

我正在尝试使用从后端接收到的 json 格式的数据填充 mat-table。由于每个值都有关联的键，因此我想将其用作列标题而不是使用模型。我浏览了仅支持静态列值的官方文档。任何人都有任何处理此问题的文档或 github 存储库。我在堆栈溢出本身遇到了一个问题Angular Material Table Dynamic Columns without model。 但我无法理解评论 //GET SOMETHING FROM SERVICE 下会发生什么。任何帮助将不胜感激，谢谢。

【参考方案1】：

//从服务中获取一些东西

this.listecidenKisi = this.listeciServis.listecidenKisi;
this.listecidenVazife = this.listeciServis.listecidenVazife;

这些都是调用后端 API 的服务函数。

所以 this.listecidenKisi 和 this.listecidenVazife 是来自后端的数组数据。

Angular Http 客户端请参考以下内容。

https://angular.io/guide/http

http://prntscr.com/pvz2f1

【讨论】：

因此，如果我将 js 对象从后端转换为键值对，我是否能够用该数据替换服务调用并最终在材料表中使用它？我没有在我的本地系统中安装 ssms，现在可以尝试一下。