如何使用ng repeat在Angular JS中显示json响应值

Question

我试图以正确的顺序显示特定JSON的值。我的JSON看起来像：

{
"A":[{"id":"21","name":"Andrea"},{"id":"22","name":"Apple"}],
"B":[{"id":"21","name":"Baby"},{"id":"22","name":"Bali"}],
"C":[{"id":"21","name":"Candle"},{"id":"22","name":"Canada"}],
}

如何使用ng repeat显示值：

<div ng-repeat="item in items">

</div>

比如：

英语字母表中第一个字母

安德里亚

苹果ˌ家伙

B.

婴儿

巴厘岛

英语字母表中第三个字母

蜡烛

加拿大

Answer 1

如果您的数据是这样的：

$scope.items={
"A":[{"id":"21","name":"Andrea"},{"id":"22","name":"Apple"}],
"B":[{"id":"21","name":"Baby"},{"id":"22","name":"Bali"}],
"C":[{"id":"21","name":"Candle"},{"id":"22","name":"Canada"}],
}

将项目视为映射，并在映射中迭代(键，值)，值将关联到列表。再次迭代列表中的值，如-

<div ng-repeat="(key,value) in items">
     {{key}}
     <div ng-repeat="item in value">
       {{item.name}}
     </div>
</div>

Answer 2

您可以使用以下命令遍历对象：

<div ng-repeat="(key, value) in jsonData">
   {{key}}
   <div ng-repeat="item in value">
      <div>{{item.name}}</div>
   </div>
</div>

编辑：我看到其他人添加了JSIDLE，所以请欣赏：）

Answer 3

请检查工作示例：http://plnkr.co/edit/lqoQvmXnimWYzqVU0wkg?p=preview

HTML

<div ng-repeat="(key, values) in items">
  {{key}}
  <div ng-repeat="item in values">
    {{item.name}}
  </div>
</div>