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

我发现了一个小提琴，该小提琴显示了如何使用angularJS添加一个按钮以显示更多记录，这非常简洁。我正在尝试添加一个“少显示”按钮，但公式不正确。我添加了与显示更多代码相反的功能，但是我缺少了一部分。我想在学习如何实现这一目标方面获得帮助。

小提琴：

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

非常感谢你。

最佳答案

显示较少的代码应该（取决于您的要求）要简单得多。

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

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