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

标签 javascript angularjs

我想循环并打印对象数组的属性(仅一次)

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}];
}

期望的效果是:

姓名

电话

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

这是 fiddle 的链接 http://jsfiddle.net/3vzd732s/2/

提前致谢。

最佳答案

您在问题中给出的代码似乎运行正确。在 fiddle 中,您输入的是 {{name}},而不是 {{key}}。

如果你知道它将是一个数组,那么指向数组中的第一个元素怎么样?

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

关于javascript - AngularJS 中循环遍历数组中对象的属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28321930/

相关文章:

javascript - 更新 ng-repeat 中的对象属性

angularjs - 扩展 angularJS 模块

javascript - Angular 2 Webpack 2 - Sass 在组件中不起作用

javascript - 为什么我的函数 "donethingy"被视为 "not declared"?

javascript - 从 DOM 中清空一系列元素的最快方法是什么

javascript - 多个 dropzone.js - 单页

javascript - Angular.js 路由不起作用

javascript - 如何在 ng-repeat 期间呈现 {{ }}?

javascript - 根据Angular Js中的If和Else语句显示消息

javascript - 单击按钮后如何使过渡从 2s 宽度到 2s 高度,高度增加 50%