Primeng DatatableのデータをJsonファイルから表示する方法

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>