相关疑难解决方法(0)

如何使用TypeScript将数据分组到Angular 2中.我知道这是使用Angular 1.X中的"group by"过滤器完成的,但没有得到如何在Angular 2中对数据进行分组.我有这个数组:

import {Employee} from './employee';
        export var employees: Employee[];
        employees = [
            { id: 1, firstName: "John", lastName: "Sonmez", department: 1, age: 24, address: "24/7, Working hours apartment, Cal. US", contactNumber: "+968546215789" },
            { id: 2, firstName: "Mark", lastName: "Seaman", department: 2, age: 25, address: "32-C, Happy apartments, Block-9C, Cal. US", contactNumber: "+968754216984" },
            { id: 3, firstName: "Jamie", lastName: "King", department: 3, age: 32, address: "54/II, Glorydale apartment, Cal. US", contactNumber: "+967421896326" },

            { id: …

我有一个JSON对象,其中包含不同的事件,如下所示:

{
   "error":false,
   "events":[
      {
         "id":1,
         "title":"First entry",
         "date":"2014-11-04"
      },
      {
         "id":2,
         "title":"Second entry",
         "date":"2014-11-04"
      },
      {
         "id":3,
         "title":"Third entry",
         "date":"2014-11-05"
      },
      {
         "id":4,
         "title":"Fourth entry",
         "date":"2014-11-06"
      },
      {
         "id":5,
         "title":"Fifth entry",
         "date":"2014-11-06"
      }
   ]
}

该对象存储在我的控制器中的$ scope.events中.

现在我循环这个数组来构建事件列表:

<ion-list>
<div class="item item-divider">
  {{event.date}}
</div>  
  <a class="item item-thumbnail-left" href="#/app/event/{{event.id}}" ng-repeat="event in events">
  <img src="media/thumbnails/{{event.id}}.jpg">
  <h1>{{event.title}}</h1>
  </a>
</ion-list>

我的目标是每天只将{{event.date}}显示为列表分隔符一次.所以在这个考试中,它看起来像这样:

2014-11-04(分频器)

• 第一次进入

• 第二次进入

2014-11-05(分频器)

• 第三次进入

2014-11-06(分频器)

• 第四次进入

• 第五次进入

我非常注重离子和角度,我不知道如何实现这一目标.可能有一些自定义过滤器？

总而言之,我正在寻找类似于Angular的东西:获取带有分隔符/分隔符的ng-repeat列表但是将日期作为分隔符而不是首字母.

一些想法？

任何帮助/提示真的很感激!