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