Javascript angularjs:添加显示较少的按钮逻辑-包括小提琴

Javascript angularjs:添加显示较少的按钮逻辑-包括小提琴,javascript,angularjs,Javascript,Angularjs,我发现了一个提琴,它展示了如何添加一个按钮来使用angularJS显示更多的记录,它非常简洁。我试图添加一个显示较少的按钮,但我没有得到正确的公式。我添加了与show more代码相反的内容,但我缺少了一部分。我想在学习如何实现这一点上得到帮助 小提琴: //show more functionality var pagesShown = 1; var pageSize = 3; $scope.paginationLimit = fun

我发现了一个提琴,它展示了如何添加一个按钮来使用angularJS显示更多的记录,它非常简洁。我试图添加一个显示较少的按钮,但我没有得到正确的公式。我添加了与show more代码相反的内容,但我缺少了一部分。我想在学习如何实现这一点上得到帮助

小提琴:

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

代码片段:

     //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;       
        };
//显示更多功能
var pagesShown=1;
var pageSize=3;
$scope.paginationLimit=函数(数据){
返回页面大小*页面显示;
};
$scope.hasMoreItemsToShow=函数(){
返回页面显示<($scope.datalists.length/pageSize);
};
$scope.showMoreItems=函数(){
页面显示=页面显示+1;
};
$scope.hasLessItemsToShow=function(){
返回页面显示>=($scope.datalists.length/pageSize);
};
$scope.showLessItems=function(){
pagesShown=pagesShown-1;
};

多谢各位

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

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

因此,只要显示的数据超过一页,您就可以“返回”或显示更少的数据。

显示更少的代码(取决于您的要求)可能要简单得多

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

因此,只要您显示的数据超过一页,您就可以“返回”或少显示。

谢谢您的评论。我的要求是允许在开始时显示更多,然后在上下有更多记录时显示更多和显示更少,并且在到达数据集末尾时仅显示较少。我发布的代码将在您单击“显示更多”至少一次后显示“显示较少”按钮。当没有更多数据显示时,您现有的代码应该注意隐藏“显示更多”按钮。谢谢您的评论。我的要求是允许在开始时显示更多,然后在上下有更多记录时显示更多和显示更少,并且在到达数据集末尾时仅显示较少。我发布的代码将在您单击“显示更多”至少一次后显示“显示较少”按钮。当没有更多数据显示时,现有代码应该注意隐藏“showmore”按钮。