如何在 Primeng Datatable 中显示来自 Json 文件的数据

Question

我有对象形式的数据，我想在 Primeng 数据表中显示它，但它显示找不到记录。

json 文件中的数据

{
  "value1": "Value1",
  "value2": "value2",
  "value": "Value3"
}

这就是我在组件文件中获取它的方式

this.http.get("app/components/my.json").subscribe((data) => {
        this.value = data.json();
    });

这是我尝试显示它的方式

<p-dataTable [value]="values">
    <p-column field="value1" header="Value1"></p-column>
</p-dataTable>

Answer 1

gridMenuOptions 对象需要是 array 类型才能绑定到 PrimeNG 数据网格组件上的 value 输入属性。

问题不是很清楚，但你的数据看起来不是那种格式？它需要采用这种形状：

gridMenuOptions = [
  {quantity: 1, section: 'A', row: 1}, 
  {quantity: 2, section: 'B', row: 3}
];

然后您可以将其绑定到数据表定义，例如

<p-dataTable [value]="gridMenuOptions">
    <p-column field="quantity" header="Quantity"></p-column>
    <p-column field="row" header="Row"></p-column>
    <p-column field="section" header="Section"></p-column>
</p-dataTable>

如何在 Primeng Datatable 中显示来自 Json 文件的数据

How to display data in Primeng Datatable from Json file

json

angular

primeng