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. You can make use of Object.keys but that has limitations with angularjs. Check the answer for better understanding — Zavi
– Zavi, Commented Dec 12, 2018 at 10:44

Sajeetharan · Accepted Answer · 2018-12-12 10:20:12Z

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, 2018 at 10:20

answered Dec 12, 2018 at 10:05

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

3 Comments

Zavi Over a year ago

you mean {{x.task_name}}

StrugglingCoder Over a year ago

@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

Sajeetharan Over a year ago

take a look at my other answer stackoverflow.com/questions/45808072/angular-ng-repeat-dynamic

Collectives™ on Stack Overflow

AngularJS ng-repeat with unknown key value pairs

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related