javascript - 用angular js迭代一个字典数组

Question

在我的 HTML 文件的一个区域中，我设置了一个范围变量，如下所示:

$scope.my_data = [
                {
                        c1: "r1c1",
                        c2: "r1c2",
                        c3: "r1c3",
                        c4: "r1c4",
                },
                {
                        c1: "r2c1",
                        c2: "r2c2",
                        c3: "r2c3",
                        c4: "r2c4",
                },...
        ];

然后我想用 ng-repeat 迭代它。所以我做了以下事情:

<tbody>
        <tr data-ng-repeat="row in my_data">
            <tr data-ng-repeat="(column, value) in row">
               <td>{$ column $}</td>
               <td>{$ value $}</td>
            </tr>
        </tr>
</tbody>

但是我没有看到列和值有任何结果

如果我在 my_data 中执行 (row_num, row) row_num 准确地具有索引并且 row 具有正确的字典。现在我想扩充字典

Answer 1

你拥有 <tr data-ng-repeat="(column, value) in row"> 的方式嵌套在另一个 tr 中至少可以说，标记最终是无效的 html。我不确定您的最终目标是什么，但如果您只想显示数据，则可以为第二个嵌套表格 ng-repeat :

<table>
    <tbody>
      <tr data-ng-repeat="row in my_data">
        <td>
          <table>
            <tr data-ng-repeat="(column, value) in row">
              <td>{{column}}</td>
              <td>{{value}}</td>
            </tr>
          </table>
        </td>
      </tr>
    </tbody>
</table>

这会产生我相信您正在寻找的输出，但嵌套表格可能是一场格式化噩梦。