javascript - 在 <td> 而不是 <tr> 上应用 Angular ng-repeat？

Question

将数据格式视为

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

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

这种方法有什么不正确的地方？

Answer 1

你有一个错字。

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

应该是:

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