AngularJs table in double ng-repeat

Question

I am trying to visualize an json-object in a table like this :

<div ng-repeat="item in data">
  <tr ng-repeat="i in item">
    <td>{{i.id}}</td>
    <td>{{i.ip}}</td>
  </tr>
</div>

If I do that I will see only a white screen.

This way works, but I need the data in an table.

<div ng-repeat="item in data">
  <ul ng-repeat="i in item">
    <div>
      {{ i.id }}
      {{ i.ip }}
    </div>
  </ul>
</div>

Do you know a possible solution with a table?

Hadi · Accepted Answer · 2016-03-13 07:54:17Z

3

try this

 <table>
  <tbody ng-repeat="item in data">
  <tr ng-repeat="i in item">
    <td>{{i.id}}</td>
    <td>{{i.ip}}</td>
   </tr>
 </tbody>
 </table>

answered Mar 13, 2016 at 7:54

Hadi

17.3k4 gold badges41 silver badges63 bronze badges

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

1 Comment

Hadi Over a year ago

look at my answer please.

Andreas Fritsch · Accepted Answer · 2016-03-13 07:55:08Z

0

I found the mistake! The first ng-repeat must be in the table statement.

    <table class="table table-striped">
        <thead>
            <tr>
                <td>id</td>
                <td >ip</td>
            </tr>
        </thead>

        <tbody ng-repeat="item in data">
                <tr ng-repeat="i in item">
                    <td>{{i.id}}</td>
                    <td>{{i.ip}}</td>
                </tr>
        </tbody>
    </table>

answered Mar 13, 2016 at 7:55

Andreas Fritsch

2423 gold badges6 silver badges19 bronze badges

Collectives™ on Stack Overflow

AngularJs table in double ng-repeat

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related