如何使用ng-repeat显示嵌套对象

时间:2015-02-15 18:44:56

标签: angularjs

我有一个显示我的用户的表格。可以将用户分配给muptiple公司。我需要在表格中显示它。我看过一些引用一些树指令的类似帖子。它们似乎比我需要的更复杂。我创造了一个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>

1 个答案:

答案 0 :(得分:1)

试试

<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>

plunker