在angularjs/javascript中操作数据

Manipulating data in angularjs/javascript

本文关键字：操作 操作数 数据 javascript angularjs      更新时间：2023-09-26

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

你建议怎么做?我怎样才能从开始的结构到最后的结构呢?

您可以使用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>
相关文章：