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

时间:2017-03-29 19:43:14

标签: json angular primeng

我有对象形式的数据,我想在Primeng Datatable中显示它,但它显示没有找到记录。

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>

1 个答案:

答案 0 :(得分:1)

gridMenuOptions对象必须是数组类型才能绑定到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>