javascript - Angular ng-repeat 每次迭代迭代多个项目

Question

我的 Controller 中有一本字典:

thing = {    

    key1 = value1,

    key2 = value2,

    ...

    keyN = valueN,

};

我正在使用 ng-repeat 来迭代它，如下所示:ng-repeat="(key, value) in thing"

但是我想一次迭代多个值，这样对于每次迭代，我可以使用 key1: value1 和 key2: value2，然后下一个我可以使用 key3: value3, key4: value4 等...

有没有一种方法可以使用 ng-repeat 进行迭代，一次迭代多个项目？ 谢谢。

Answer 1

如果不更改模型的结构或使用其他结构，就无法实现。后者的意思是，您可以创建一个带有键名称的数组，如下所示:

$scope.doubled = [['key1', 'key2'], ['key3', 'key4'], ... ];

然后迭代就非常简单了，例如:

<div ng-repeat="keys in doubled">
    <div ng-repeat="key in keys">
        {{ thing[key] }}
    </div>
</div>

这也是一种以可预测的方式进行迭代的更可靠的方法，因为您应该注意，在迭代对象的属性时，您不能(或至少不应该)依赖根据这些属性的特定顺序(请参阅 https://github.com/angular/angular.js/issues/6210)。