AngularJS ng-repeat，突出显示新元素

Question

我有一个应用程序通过ajax轮询服务器并将json添加到ng-repeat。

我想知道如何突出显示列表中的最新条目？

sections

Answer 1

您可以使用$last然后在其上应用CSS动画。 https://docs.angularjs.org/api/ng/directive/ngRepeat

ng-class="{lastItem: $last}"

<div id="activity-listing" ng-controller="activityListing">
    <ul>
        <li ng-repeat="task in activity track by task.id | orderBy:'task.id':true" class="activity-item" ng-class="{lastItem: $last}">
            <div class="activity-person">{{ task.name }}</div>
            <div class="activity-type">{{ task.activity }}</div>
            <div class="activity-time" am-time-ago="task.time"></div>
            <div class="activity-location">{{ task.location }}</div>
        </li>
    </ul>
</div>