我正在撰写一个博客,显示一天内在一个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>
理想情况下,我希望它循环遍历各个项目,按日期排序,然后在一个块中显示与该日期匹配的所有帖子,然后在一秒内显示与另一个匹配的所有帖子。
不太确定如何处理此问题,我们将不胜感激。
答案 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>