angularjs ng-使用索引而不是名称重复

Question

我使用ng-repat来用数组填充html表。

我在规范数组中每个属性的命名时遇到了问题。

有些用户非常固执，如果可能的话，现在我必须找到一个快速的工作。

我的数组AgendaItems有时类似于：

{"Agenda Item":"1","Legistar ID":"62236","Title":"Approval of Minutes","Meeting ID":"49837"}

其他的时候是这样的：

{"AgendaItem":"1","LegistarID":"62236","Title":"Approval of Minutes","MeetingID":"49837"}

html：

                    <tbody ng-repeat="ai in AgendaItems">   
                        <tr>
                            <td>{{ai.MeetingID}}</td>
                            <td>{{ai.AgendaItem}}</td>
                            <td>{{ai.LegistarID}}</td>
                            <td>{{ai.Title}}</td>
                        </tr>
                    </tbody>

是否有一种方法可以使用索引值，例如: ai.i，这样我就不必担心列之间是否有空格？

任何帮助都是非常感谢的。

谢谢你，Erasmo

Answer 1

在ng-repeat中，您可以隐式访问$index这样的作用域属性，指令自动提供这些属性。

但是，在迭代对象而不是数组时使用$index是很有问题的。

您所追求的似乎是一种迭代对象的键和值的方法，这是毫无疑问的，而且实际上也是ng-repeat通过"(key, value) in object"语法支持的。key和value的名称是任意的。

这是怎么写的：

首先，对于单个agendaItem，ai

<div>
  <div ng-repeat="(key, value) in ai">{{key}}: {{value}}</div>
</div>

第二，在问题的语境中

<tbody ng-repeat="ai in AgendaItems">
  <tr>
    <td ng-repeat="(key, value) in ai">{{value}}</td>
  </tr>
</tody>