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

Question

我有对象形式的数据，我想在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> 

Answer 1

的gridMenuOptions对象需要是一个数组类型绑定到PrimeNG datagrid组件上的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>