How to display nested objects with ng-repeat

Question

I have a table displaying my Users. A user can be assigned to muptiple companies. I need to display that in the table. I have seen some similar posts that reference some tree directives. They appear to be more complex than what I need. I created a plunker. Plunker

 <table class="table table-bordered">
  <thead>
    <tr>
      <th>Company(s) Name</th>
      <th>Name</th>
      <th>UserName</th>
      <th>Email</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="user in users | filter:search">
      <td>{{user.Companies.CompanyName}}</td>
      <td>{{user.Name}}</td>
      <td>{{user.UserName}}</td>
      <td>{{user.Email}}</td>
    </tr>
  </tbody>
</table>

vitalik_74 · Accepted Answer · 2015-02-15 19:03:43Z

1

Try that

<tr ng-repeat="user in users | filter:search">
  <td>
    <font ng-repeat="company in user.Companies">{{company.CompanyName}}{{$last?'': ','}} </font>
    </td>
  <td>{{user.Name}}</td>
  <td>{{user.UserName}}</td>
  <td>{{user.Email}}</td>
</tr>

See in plunker

answered Feb 15, 2015 at 19:03

vitalik_74

4,6112 gold badges21 silver badges27 bronze badges

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

Collectives™ on Stack Overflow

How to display nested objects with ng-repeat

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related