如何顯示來自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>