我需要显示带有“标头”的消息列表,其中仅包含以下消息的日期,如下所示:
2014-12-24
Message 1
Message 2
Message 3
2014-12-21
Test 1
Test 2
等等。
我有以下json:
[
{
created_at: "2014-12-24",
message: "Message 1"
},
{
created_at: "2014-12-24",
message: "Message 2"
},
{
created_at: "2014-12-24",
message: "Message 3"
},
{
created_at: "2014-12-21",
message: "Test 1"
},
{
created_at: "2014-12-21",
message: "Test 2"
},
]
在使用AngularJS的模板中进行迭代时,我该怎么做?
谢谢!!
仅当此值与上一个不同时,才可以显示created_at。
<h3 ng-if="data[$index-1].created_at != item.created_at">
{{item.created_at}}
</h3>
而且,您必须对数据进行排序。例如
$scope.data = $filter('orderBy')($scope.data, 'created_at', true);
但是,ofc应该改善排序,因为'created_at'属性是字符串(不是日期)。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句