在 angularjs/javascript 中操作数据

Question

我有一个像这样的角度对象数组：

$scope.data = [
    {name:"John", group:"a"},
    {name:"David", group:"a"},
    {name:"Tom", group:"b"},
];

我想将这些数据显示为类似这样的内容（在模板中）：

<h2>group a</h2>
John<br/>
David<br/>

<h2>groub b</h2>
Tom<br>

您建议如何执行此操作？如何从开头的结构转到结尾的结构？

Answer 1

您可以使用grouby 过滤器，它会根据group 属性为您分组

标记

<div ng-repeat="(key, value) in data | groupBy: 'group'">
  <h1>group {{ key }}</h1> 
  <div ng-repeat="person in value">
    {{ person.name }} 
  </div>
</div>