Angularjs:添加show less按钮逻辑-包括fiddle

Question

我发现了一个演示如何使用angularJS添加一个按钮来显示更多记录的小提琴，它非常整洁。我试图添加一个显示少按钮，但我没有得到正确的公式。我添加了和相反的显示更多的代码所做的，但我错过了一块。我想在学习如何做到这一点上得到帮助。

小提琴:

演示

代码片段:

     //show more functionality
        var pagesShown = 1;
        var pageSize = 3;
        $scope.paginationLimit = function(data) {
            return pageSize * pagesShown;
        };
        $scope.hasMoreItemsToShow = function() {
            return pagesShown < ($scope.datalists.length / pageSize);
        };
        $scope.showMoreItems = function() {
            pagesShown = pagesShown + 1;       
        };
        $scope.hasLessItemsToShow = function() {
            return pagesShown >= ($scope.datalists.length / pageSize);
        };
        $scope.showLessItems = function() {
            pagesShown = pagesShown - 1;       
        };

非常感谢。

Answer 1

show less的代码可能(取决于您的需求)应该简单得多。

 $scope.hasLessItemsToShow = function() {
            return pagesShown > 1;
 };

所以，只要你显示了多于一页的数据，你就可以"返回"，或者少显示。