Javascript AngularJS分页的奇怪行为
我一直在尝试实现这个AngularJS表分页,问题是现在我已经将它插入到站点中,减去css引导。分页显示1222个条目,而应该只有大约12个条目。我也是javascript的新手 它将条目复制20次,然后将第二个条目复制20次,以此类推 看看这里的jsfiddle.net/vsfsugkg/1只更改了行的表条目,它们重复了1222次?我认为内容是从其他地方提取的 下面是JS文件的内容Javascript AngularJS分页的奇怪行为,javascript,angularjs,pagination,Javascript,Angularjs,Pagination,我一直在尝试实现这个AngularJS表分页,问题是现在我已经将它插入到站点中,减去css引导。分页显示1222个条目,而应该只有大约12个条目。我也是javascript的新手 它将条目复制20次,然后将第二个条目复制20次,以此类推 看看这里的jsfiddle.net/vsfsugkg/1只更改了行的表条目,它们重复了1222次?我认为内容是从其他地方提取的 下面是JS文件的内容 'use strict'; var App = angular.module('PaginationApp',
'use strict';
var App = angular.module('PaginationApp', []);
App.controller('MainCtrl', ['$scope', 'TypekitService', '$filter', function($scope, Typekit, $filter){
$scope.loadData = function(){ Typekit.getTypekits($scope.page, $scope.per_page).then(function(response){
$scope.more = response.data.library.families.length === $scope.per_page;
$scope.families = $scope.families.concat(response.data.library.families);
$scope.status_bar = "Showing " + ($scope.families.length === 0 ? "0" : "1") + " to " + $filter('number')($scope.families.length) + " of " + $filter('number')(response.data.library.pagination.count) + " entries";
});
};
$scope.show_more = function(){
$scope.page += 1;
$scope.loadData();
}
$scope.has_more = function(){
return $scope.more;
}
$scope.per_page = 10;
$scope.page = 1;
$scope.families = [];
$scope.more = true;
$scope.status_bar = "";
$scope.loadData();
}])
App.factory('TypekitService',['$http',function($http){
return {
getTypekits : function(page, per_page){
return $http.jsonp('https://typekit.com/api/v1/json/libraries/full?page='+page+'&per_page='+per_page+'&callback=JSON_CALLBACK');
}
}
}]);
对每页变量进行硬编码,它仍然不起作用吗<代码>$scope.more=response.data.library.families.length==10代码>我得到了相同的结果,对不起,我是指调用项目时的URL:
https://typekit.com/api/v1/json/libraries/full?page=“+page+”&per_page=10&callback=JSON_callback
-这将排除服务器出现问题。这会阻止分页工作。我不明白-它在JSFIDLE上工作正常