按日组织对象

时间:2016-02-05 23:18:47

标签: javascript angularjs

我正在撰写一个博客,显示一天内在一个div中制作的每一篇文章。它在第1天,第2天等分解。每个帖子都由API引入,每个帖子都有一个发布的对象,如下所示:

posted : "January 27, 2016"

目前,我正在查看整个API并使用ng-repeat在页面上显示它们。我知道我可以使用日期过滤器方法对它们进行排序(尽管API已经按照正确的顺序排列),但是我如何制作它以便根据发布的日期在每天显示不同数量的帖子?

<div ng-repeat="article in article.items">
  <div class="col-sm-12 day-block">
     {{ article.title }}
  </div>
</div>

理想情况下,我希望它循环遍历各个项目,按日期排序,然后在一个块中显示与该日期匹配的所有帖子,然后在一秒内显示与另一个匹配的所有帖子。

不太确定如何处理此问题,我们将不胜感激。

1 个答案:

答案 0 :(得分:0)

这应该这样做

<!--ng-repeat-->
<div ng-repeat="(key,value) in article.items | groupBy:'posted_date|date: MMM:dd' | toArray:true ">

    <!-- Date -->
    <span class="date-header">
        {{value[0].posted_date|date:"EEEE, MMM:dd"}}
    </span>
    <!--ng-repeat-->
    <div ng-repeat="article in value | orderBy:'posted_date'">
        {{article}}
    </div>
</div>