javascript - 具有更新内容的 AngularJS 固定列表

Question

我需要一些关于如何解决以下问题的灵感:

我正在使用 AngularJS 制作一个信息监视器。

监视器最多应列出 6 行信息。

新行将始终放在其他行之上并从顶部插入。如果已经有 6 行，最后一行将从底部推出。

行可能会在任何给定时间从列表中消失。

在视觉上，我很希望它是滚动的，所以当要显示新行时，它会从顶部滑入，所有元素都会向下滑动一行。

我不确定如何实现上述内容。我想过 ng-repeat，但我不知道如何在元素出现或删除时移动元素。

希望有人能给我一些建议。

Answer 1

要在顶部列表中添加新元素，请使用 javascript 的 unshift 方法。例如:

var list = [0,1,2]
list.unshift(3)
// results  [3,0,1,2]

记住，添加和删除 $scope of list 中的元素以更新她。

$scope.list = [1,2,3,4,5,6];

$scope.list.unshift(9); // [9,1,2,3,4,5,6];
$scope.list.pop(1);     // [9,2,3,4,5,6];

在 HTML 中，继续正常使用 ng-repeat