Question

我的任务实际上是尝试制作广播消息，仅显示有限数量的最新消息。我已经找到了如何限制此thread中的消息。但是现在我正在努力研究如何只展示最新消息。我是这个角度的新人，希望你能以一种简单的方式解释它。谢谢。

如果有10条消息：

message 1
message 2
message 3
message 4
message 5
message 6
message 7
message 8
message 9
message 10

结果应该是：

message 6
message 7
message 8
message 9
message 10

以下是代码：

<div ng-repeat="score in scores | limitTo: limit">
..........
</div>

在控制器中：

var limitStep = 5;
$scope.limit = limitStep;
$scope.incrementLimit = function() {
    $scope.limit += limitStep;
};
$scope.decrementLimit = function() {
    $scope.limit -= limitStep;
};

Answer 1

您可以执行limitTo: -limit，-帮助从最后一个中进行选择。

<div ng-repeat="score in scores | limitTo: -limit">

LimitTo：

创建仅包含指定数量元素的新数组或字符串。元素取自源数组的开头或结尾，字符串或数字，由限制的值和符号（正数或负数）指定。

Answer 2

您可以通过切片值

来完成此操作

 <ul ng-repeat="strVal in arrVal.slice(5, 10)">
    <li>{{strVal}}</li>
  </ul>

或使用角度特征LimitTo

<div ng-repeat="strVal in arrVal| limitTo: 10 | limitTo: -5">{{strVal }}</div>

DEMO

如何显示最新消息？

2 个答案: