如何在 Primeng Datatable 中显示来自 Json 文件的数据
How to display data in Primeng Datatable from Json file
我有对象形式的数据,我想在 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>
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 数据表中显示它,但它显示找不到记录。
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>
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>