Angular bind table to generic object

Question

I'm just starting to explore with Angular. Now what I'm trying to do is using an mvc handler that returns a jsonobject. However the returned jsonobject is generic, so it can be different types of object, and they all have a different amount of columns. I want to bind all these columns to a table, but that means i can't just create a fixed amount of columns and bind them like so:

<table class="table">
            <tr ng-repeat="r in items">
                <td>{{r.ID}}</td>
                <td>{{r.Name}}</td>
                <td>{{r.FirstName}}</td>
                <td>{{r.Telephone}}</td>
                <td>{{r.Email}}</td>
            </tr>
        </table>

this is NOT the way i want it, basically i want to have a table that binds to an object and that creates table columns for every property of the object.

thanks for any advice!

Rebornix · Accepted Answer · 2015-05-28 12:36:09Z

1

You can iterate the properties of the value like

<tr ng-repeat="r in items">
  <td ng-repeat="(key, value) in r">
    {{ value }}
  </td>
</tr>

answered May 28, 2015 at 12:36

Rebornix

5,2701 gold badge25 silver badges26 bronze badges

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

4 Comments

Mike Perrenoud Over a year ago

Here is a fiddle that proves the answer: jsfiddle.net/consultwithmike/0rjq726g

Rebornix Over a year ago

@MichaelPerrenoud Thanks Michael, you rock!

WtFudgE Over a year ago

@MichaelPerrenoud that's not correct, that only works for 1 object, not for an object list. But Rebornix' answer is correct! That worked fine, thanks so much :)

Mike Perrenoud Over a year ago

@WtFudgE, obviously. It's clearly not complex to extrapolate a loop right? The point was I had a working example for the object and it supports this answer.

Collectives™ on Stack Overflow

Angular bind table to generic object

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related