AngularJS在模板中的迭代过程中设置变量

吉列尔姆(GM)

我需要显示带有“标头”的消息列表,其中仅包含以下消息的日期,如下所示:

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'属性是字符串(不是日期)。

示例http://jsfiddle.net/t4z1joj5/

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章