Question

我想循环并打印对象数组的属性（只有一次）

HTML

<div ng-app ng-controller="MyCtrl">
    <ul>
        <li ng-repeat="(key, value) in items">{{key}}</li>
    </ul>
</div>

脚本

function MyCtrl($scope) {
    $scope.items = [{'name':10, 'phone':11},{'name':10, 'phone':11}];
}

期望的效果是：

名称

电话

只有当我有一个对象而不是一个对象数组时它才有效

以下是指向http://jsfiddle.net/3vzd732s/2/

的链接

提前致谢。

Answer 1

问题澄清后更新了解决方案：

<div ng-app ng-controller="MyCtrl">
    <ul>
        <li ng-repeat="item in items track by $index">
            <p ng-repeat="(key, value) in item">{{key}} {{value}}</p>
        </li>
    </ul>
</div>

你忘了在你的小提琴示例中将你的项目包装在数组中，这里有一个更新的：

http://jsfiddle.net/3vzd732s/5/

Answer 2

您在问题中提供的代码似乎正确运行。在{{name}}的{{name}}中，您可以使用{{name}}。

如果你知道它将是一个数组，那么如何指向数组中的第一个元素呢？

<li ng-repeat="(key, value) in items[0]">{{key}}</li>

Answer 3

<div ng-app ng-controller="MyCtrl">
    <ul>
        <li ng-repeat="item in items">
            <p ng-repeat="(key,value) in item">
            {{key}} {{value}}

        </li>
    </ul>
</div>

Fiddle

更新更改多个对象的答案。

循环遍历AngularJS中数组中对象的属性

3 个答案: