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

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

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

因此，只要您显示多页数据，就可以＆＃34;返回＆＃34;或显示更少。

angularjs：添加显示更少的按钮逻辑 - 包括小提琴

1 个答案: