angularjs - ng-重复 : access key and value for each object in array of objects

Question

我有一个对象数组，我正在使用 ng-repeat 来迭代它们，这很容易。该数组看起来像这样:

$scope.steps = [
    {companyName: true},
    {businessType: true},
    {physicalAddress: true}
];

我的 ng-repeat 属性如下所示:

<div ng-repeat="step in steps"> ... </div>

在每次迭代中，step 等于其中一个对象，正如预期的那样。是否有办法同时访问 step 对象的键和值？这样我就可以做这样的事情:

<div ng-repeat="(stepName, isComplete) in steps"> ... </div>

其中 stepName == 'companyName' 和 isComplete == true。我尝试过这样做，但是 stepName 总是最终成为步骤对象的索引(这是有道理的)。我只是想弄清楚是否有另一种方法来编写 ng-repeat 语法，以便我可以获得键和值。

感谢您的任何想法/建议。非常感谢。

PS。我当前的解决方法是在我的 Controller 中执行此操作:

$scope.stepNames = [];
angular.forEach($scope.steps, function(isComplete, stepName){
     $scope.stepNames.push({stepName: stepName, isComplete: isComplete});
});

然后迭代它，但最好在 View 中完成这一切

Answer 1

中继器中的中继器

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