用角滚动
用角滚动
提问于 2016-08-24 17:12:13
我有一个数据库，里面有1000个产品。我有一张一次显示10个产品的清单。这个网格是可滚动的。我想装10×10的产品。用angularjs做这件事的最好方法是什么？我正在寻找一种需要最短代码的方法。谢谢
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-08-24 17:17:03
这个概念被称为分页，如果您想在较短的时间内实现这一点，那么您必须选择任何已经可用的模块。
我使用过无限涡旋，它非常容易使用，可以帮助您在短时间内实现一些事情。
Stack Overflow用户
发布于 2016-08-24 17:17:36
您正在寻找名为“无限滚动”的库。你可以在这里找到这个应用程序，https://github.com/ifwe/infinite-scroll
在控制器中放置以下代码：
var app = angular.module('MyApp', ['tagged.directives.infiniteScroll']);
app.controller('MainController', ['$scope', '$http', function($scope, $http) {
$scope.page = 1;
$scope.items = [];
$scope.fetching = false;
// Fetch more items
$scope.getMore = function() {
$scope.page++;
$scope.fetching = true;
$http.get('/my/endpoint', { page : $scope.page }).then(function(items) {
$scope.fetching = false;
// Append the items to the list
$scope.items = $scope.items.concat(items);
});
};
}]);这就是你的观点：
<div ng-app="MyApp">
<div ng-controller="MainController">
<ul tagged-infinite-scroll="getMore()">
<li ng-repeat="item in items">
{{ item.title }}
</li>
</ul>
</div>
</div>一旦检测到滚动到ng-repeat项的末尾，它就调用getMore函数来加载新项。请记住添加到端点限制，并偏移加载其余的数据，而不是每次相同的数据。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39129320
复制相关文章
相似问题
腾讯云开发者
