javascript - angularjs:添加显示更少的按钮逻辑 - 包括 fiddle

Question

我发现了一个 fiddle ，它展示了如何使用 angularJS 添加一个按钮来显示更多记录，它非常简洁。我正在尝试添加一个较少显示的按钮，但我没有得到正确的公式。我添加了与显示更多代码相反的内容，但我缺少一些内容。我希望获得帮助来学习如何实现这一目标。

fiddle :

demo

代码片段:

     //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;
 };

因此，只要您显示多于一页的数据，您就可以“返回”，或者显示更少的数据。