应用角度ng-repeat代替?

时间:2015-05-20 14:59:21

标签: javascript html angularjs

将数据格式视为

{
  users:        [....]

  userPropNames:        [...]

  showingAllUsers   :   false

  usersPresent  :   true
}

我正按照以下规则制作HTML表格 - 行将根据userProperNames来定义 - 列将根据数据集中的users数量而变化

我开始的方式是

        <tbody>
        <tr ng-repeat="key in queryResults.userPropNames">
          <td>checkbox</td>
          <td>{{key}}</td>
          <td>{{queryResults.users[1].properties[key]}}</td>
          <td>{{queryResults.users[2].properties[key]}}</td>
          <td>{{queryResults.users[3].properties[key]}}</td>
        </tr>
        </tbody>

并正确显示表格,并为用户添加了三列。

现在我要迭代<td>中的用户并创建与用户一样多的列。

所以我做了

       <tr ng-repeat="key in queryResults.userPropNames">
          <td>checkbox</td>
          <td>{{key}}</td>
          <td ng-repeat="user in queryResult.users">
            {{user.properties[key]}}
          </td>
        </tr>

现在我没有看到任何用户列数据

这种做法有什么不对?

1 个答案:

答案 0 :(得分:4)

你有一个错字。

<td ng-repeat="user in queryResult.users">

应该是:

<td ng-repeat="user in queryResults.users">