Html 通过以列方式设置数据，从REST对象创建表

我有一个REST服务，它返回这个对象：

[
  {
    "id": 100,
    "value": "2452"
  },
  {
    "id": 100,
    "value": "2458"
  },
  {
    "id": 1,
    "value": "2457"
  },
  {
    "id": 1,
    "value": "2459"
  },
  {
    "id": 4,
    "value": "2460"
  },
  {
    "id": 5,
    "value": "3458"
  }
]

现在，使用这个GET服务，我希望在angular中构建下表并在UI中显示它

100    1    4    5
-------------------
2452 2457 2460 3458
2458 2459

i、 e.唯一ID应创建标题，与每个标题值关联的值列表将附加到相应列中

我用ng重复做过这样的事情：

<table border="1">
<tr>
    <th ng-repeat="column in cols">{{column.id}}</th>
</tr>
<tr>
  <td ng-repeat="column in cols">
    <md-list>
      <md-list-item class="md-2-line" ng-repeat="val in column.values">
        <md-checkbox ng-model="item.done"></md-checkbox>
        <div class="md-list-item-text">
          ??
        </div>
      </md-list-item>
    </md-list>

  </td>
</tr>

{{column.id}
??

---

但仍然想知道如何做到这一点？请提供帮助。

尝试使用

groupBy

过滤器

var-app=angular.module（'anApp'，['angular.filter']）；
应用控制器（'aCtrl'，功能（$scope）{
$scope.data=[
{
“id”：100，
“值”：“2452”
},
{
“id”：100，
“值”：“2458”
},
{
“id”：1，
“值”：“2457”
},
{
“id”：1，
“值”：“2459”
},
{
“id”：4，
“值”：“2460”
},
{
“id”：5，
“值”：“3458”
}
];
})

{{col[0].id}
{{c.value}}

您是否对数据使用过滤器来仅显示表中所需的信息？