0

我们有以下 JSON 格式从 rest 服务返回的数据,我想对数据进行分组ActivityStartDate ,然后以格式显示。我可以遍历并创建分组,ActivityStartDate但如果我们返回更多项目,这似乎不是有效的方法。

有没有更好的方法来实现它?

{
  "results": [
    {
      "Id": 1,
      "Title": "Food Promotion - 1",
      "ActivityStartDate": "2015-12-12T08:00:00Z",
      "ActivityEndDate": "2016-01-12T08:00:00Z",
      "ActivityDescription": "Two for one if dream and do not dream of fack promotions",
      "ShowInHistory": true,
      "ShowUpdated": true,
      "Modified": "2015-12-14T21:28:37Z",
      "Created": "2015-12-14T21:28:37Z"
    }
  ]
}
4

1 回答 1

0

在前端分组的原因

假设您可以通过GET /activities. 如果返回的JSON数组很小或已预先排序,则后期(在前端)分组可能更灵活。前端和后端之间的这种分工遵循关注点分离

术语前端和后端是指表示层(前端)和数​​据访问层(后端)之间的关注点分离

限制:数据应该很小,因为这样可以在前端完全获取并独立排序。相反的大数据可能会在加载/分组时导致性能问题。因此,它应该在服务器上预先排序,如果您的 REST API(后端)支持对集合资源进行排序/分页,则可以实现这一点。

如何在 Angular 中进行分组

请参阅typescript1.7 - 如何在 Angular 2 中对数据进行分组?- Stack Overflow提供关于 Plunkr 上演示的Angular管道的建议作为答案。

与旧的 AngularJS 类似,有一个过滤器组件可以实现相同的目标:数据的转换/分组/过滤。

于 2021-01-24T11:24:22.050 回答