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>

但是我没有看到列和值的任何内容

如果我确实(row_num, row) in my_data row_num，则索引和行具有正确的字典。现在我想扩展词典

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>

这会产生我认为你正在寻找的输出，但嵌套表可能是格式化的噩梦。

用角度js迭代一系列dicts

1 个答案: