将类添加到特定的ng-repeat项目并保留该项目

时间:2015-05-20 16:58:10

标签: angularjs ionic ng-repeat

我正在做一个chatapp。 chatapp中的消息填充了ng-repeat。当用户退出应用程序或关闭应用程序时,我希望ng-repeat列表中的当前最后一项(消息)标记为类名,并且它保留在该特定项(消息)中。因此,当用户回来时,它可以看到他读取的最后一条消息。

只有在将新消息添加到列表中时,我才可以使用类名标记最后一项(消息),类名始终位于最后一项(消息)上。因此,总是会标记最后一项(消息),类名称不会粘贴到该特定项目(消息)。

有人知道如何处理这个问题吗? 谢谢!

1 个答案:

答案 0 :(得分:0)

我已经解决了我自己的问题如下:

当应用程序进入后台时,我手动将项目插入ng-repeat。 这仅对特定用户可见。将在此下方添加新消息,以便用户可以看到他在哪里以及哪些消息是新消息。

//do something when app goes to the background
            document.addEventListener('pause', function() {
                $timeout(function(){
                    $scope.messages.push('messages below this line are new');
                },0);
            },false);

HTML:

<ion-item ng-repeat="message in messages">...</ion-item>