Display Array<Object> in PrimeNg template

Question

I have this kind of JSON:

    {
       description: "Some Description",
       child: [{
          description2: "Some Other Description",
          description3: "Another Description"
       }]

    }

And I want to display it on my PrimeNg DataTable, but somehow it always show blank cell.

Here is my column code

    <p-column field="child" header="Child">
      <ng-template let-col let-item="rowData" pTemplate="body" >
        <tr ngFor="let child of item.child">
          <td>
            {{child.description2}}
          </td>
        </tr>
      </ng-template>
    </p-column>

Is there any solution for this?

halfer · Accepted Answer · 2017-10-03 21:49:05Z

2

I have found my solution after some trials, here is my answer:

    <p-column>
      <ng-template pTemplate="header">Child</ng-template>
      <ng-template let-col let-childs="rowData.child" pTemplate="body" >
        <tr *ngFor="let child of childs">
          <td>{{child.description2}}</td>
        </tr>
      </ng-template>
    </p-column>

edited Oct 3, 2017 at 21:49

halfer

20.2k20 gold badges111 silver badges208 bronze badges

answered May 22, 2017 at 8:00

Sandy

2103 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Display Array<Object> in PrimeNg template

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related