AngularJS ng-repeat with unknown key value pairs

Question

I need to display a table using Angular ng-repeat but I don't know it's keys in advance.

Like, the response of API is Array of Objects

And, each Object has unknown keys.

In my HTML, I am doing ng-repeat over responseData.data.rows

<table id="customers">
  <tr ng-repeat = "x in myCtrl.demoDetails">

  </tr>
</table>

But how would I print values in table?

Please have a look here [Object.keys](https://stackoverflow.com/questions/25299436/unable-to-call-object-keys-in-angularjs). You can make use of `Object.keys` but that has limitations with `angularjs`. Check the answer for better understanding — Shaheryar.Akram, Dec 12 '18 at 10:44

Sajeetharan · Answer 1 · 2018-12-12T10:20:12.140

2

It should look something like below,

<table class="table">
  <tr>
    <td>Task Name</td>
    <td>End Date</td>
    <td>Service Key</td>
  </tr>
<tr ng-repeat="x in responseData.data.rows">
  <td>{{x.task_name}}</td>
  <td>{{x.end_date}}</td>
  <td>{{x.service_key}}</td> 
</tr>
</table>

edited Dec 12 '18 at 10:20

answered Dec 12 '18 at 10:05

Sajeetharan

216,225
63
350
396

you mean `{{x.task_name}}` – Shaheryar.Akram Dec 12 '18 at 10:11
@Sajeetharan precisely the issue is I don't know in advance whether it would be task_name or something else? In this case it is task_name,end_date in other cases it oculd be something else – StrugglingCoder Dec 12 '18 at 10:16
take a look at my other answer https://stackoverflow.com/questions/45808072/angular-ng-repeat-dynamic – Sajeetharan Dec 12 '18 at 10:19

AngularJS ng-repeat with unknown key value pairs

1 Answers1