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