AngularJS中的GroupBy过滤器

时间:2016-06-18 21:05:39

标签: javascript angularjs angular-filters

我有一个时间轴数组,我希望按日期(dd / MM / YYYY)分组。我正在尝试制作自己的" groupBy"没有任何图书馆(我更喜欢),但我没有成功。所以我决定搜索一个可以执行此操作的库,我发现了这个:angular-filter,所以现在我尝试使用它。

问题在于,我无法弄清楚我做错了什么,我按照example并创建了JS Bin来说明我的情况。它总是说格式日期错了,为什么?

顺便说一句,预期的结果是:

    日期: 2016年6月17日    
  • 时间轴项目:已编辑的电子邮件
  •    
  • 时间轴项目:已删除电子邮件
  •    
  • 时间轴项目:已编辑的电子邮件
    日期: 2016年6月18日    
  • 时间轴项目:已添加电子邮件
  •    
  • 时间轴项目:已添加电子邮件

1 个答案:

答案 0 :(得分:0)

Angular中的过滤器被多次调用,而不只是一次。因此,在第一个摘要中,您的created_at值会转换为D/M/Y格式。然后,当在下一个摘要Angular中再次调用过滤器时,它会尝试创建一个已经转换过的值的日期(即new Date('18/06/2016'))。因此,您会收到无效日期

解决方法是在将控制器分配给视图之前在控制器中转换一次,并省略map: ...过滤器。

请参阅updated jsbin