Javascript Angular.js:如何访问嵌套对象文本
我有以下数据结构:Javascript Angular.js:如何访问嵌套对象文本,javascript,json,angularjs,Javascript,Json,Angularjs,我有以下数据结构: { current: { Number: '8', AnotherNumber: 123 }, } { current: { Number: '9', AnotherNumber: 456 }, } 我希望在角度视图中在表格中打印: Number AnotherNumber 8 123 我正在尝试这个,但它正在显示整个当前对象 <li ng-repeat="friend in friends"> <
{
current: { Number: '8', AnotherNumber: 123 },
}
{
current: { Number: '9', AnotherNumber: 456 },
}
我希望在角度视图中在表格中打印:
Number AnotherNumber
8 123
我正在尝试这个,但它正在显示整个当前对象
<li ng-repeat="friend in friends">
<span ng-repeat="(key, value) in friend">
{{friend.current}}
</span>
</li>
{{friend.current}
案例中的单个友元
元素是一个对象{current:{}}
要遍历键和值,您应该执行以下操作:
<li ng-repeat="friend in friends">
<span ng-repeat="(key, value) in friend.current">
{{key}} {{value}}
</span>
</li>
{{key}}{{value}}
工作plnkr示例您的代码应该如下所示:
<table>
<tr>
<th>Number</th>
<th>AnotherNumber</th>
</tr>
<tr ng-repeat="friend in friends">
<td>{{friend.current.Number}}</td>
<td>{{friend.current.AnotherNumber}}</td>
</tr>
</table>
数
另一个数字
{{friend.current.Number}
{{friend.current.AnotherNumber}
与问题无关,但为了简洁起见,yu可以这样做:
<table>
<tr><th>Number</th><th>AnotherNumber</th></tr>
<tr ng-repeat="friend in friends" ng-init="c=friend.current">
<td>{{c.Number}}</td><td>{{c.AnotherNumber}}</td>
</tr>
</table>
号码其他号码
{{c.Number}{{c.AnotherNumber}}
更新: 如果需要,可以“盲目”地迭代键,但这将导致按字母顺序对列进行排序(除非添加更多代码以明确指定其顺序):
{{key}}
{{value}}
还有,这个我应该提到我不想按名称访问,而是“盲目”迭代,因为我是从无模式MongoDB获取JSON的。@Sirbenji:是的,你可能应该:)查看我更新的答案,了解迭代对象键时的“陷阱”。
<table>
<tr>
<th ng-repeat="key in firends[0]">{{key}}</th>
</tr>
<tr ng-repeat="friend in friends">
<td ng-repeat="(key value) in friends">{{value}}</td>
</tr>
</table>