在DOM中公开所有ng-repeat项目时显示消息

时间:2016-11-03 18:16:01

标签: angularjs ng-repeat

我正在拨打一个返回x个结果的电话。我正在重复它们并通过单击按钮一次显示3个结果。如果没有更多结果显示,我该如何捕获?我使用的是角1.5。

1 个答案:

答案 0 :(得分:0)

您可以通过对值使用Array.slice(start,numberOfItems)并将结果传递给模型来实现此目的。

var values = [1,2,3,4,5,6]

$scope.values = []

$scope.clickedButton() {
    if (values.length > 0) {
         $scope.values = $scope.values.concat(values.splice(0,3))
    } else {
        $scope.message = 'No new stuff to show'
    }
}

上面的clickedButton函数将从变量值中删除前3个值并将其添加到$ scope.values属性中。这会更新您的dom,因此ng-repeat会重新评估,如果数组为空,您可以向用户显示消息

     <span ng-if="message.length > 0">{{ message }}</span>
     <ul>
       <li ng-repeat="val in values">
           {{val}}
       </li>
     </ul>