处理 angularjs/javascript 中的数据

Question

我在 angular 中有一个像这样的对象数组：

$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>