2017-03-29 2 views
0

angezeigt werden Ich habe Daten in Objektform und ich möchte es in Primeng Datatable anzeigen, aber es zeigt No record found.Wie Daten in Primeng Datatable von JSON-Datei

Daten in JSON-Datei

{ 
    "value1": "Value1", 
    "value2": "value2", 
    "value": "Value3" 
} 

das ist, wie ich es in Komponentendatei

this.http.get("app/components/my.json").subscribe((data) => { 
     this.value = data.json(); 
    }); 

und hier ist, wie ich versuche, um es anzuzeigen

<p-dataTable [value]="values"> 
    <p-column field="value1" header="Value1"></p-column> 
</p-dataTable> 

Antwort

1

Die gridMenuOptions erhalten Objekt muss ein Array Typ zu binden sein Die Eingabeeigenschaft value der PrimeNG-Datagrid-Komponente.

Es ist nicht ganz klar aus der Frage, aber es sieht nicht so aus, als wären Ihre Daten in diesem Format? Es müsste in dieser Form:

gridMenuOptions = [ 
    {quantity: 1, section: 'A', row: 1}, 
    {quantity: 2, section: 'B', row: 3} 
]; 

Dann können Sie es an eine Datentabelle Definition binden, z.

<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> 
Verwandte Themen