AngularJS +引导分页

Question

我有我在多个JSON的所有数据：

http://localhost:3000/images?page=1 

http://localhost:3000/images?page=2 

http://localhost:3000/images?page=3 
... 

因此，与AngularJS我想与下一首/上一个分页。

喜欢的东西： http://jsfiddle.net/2ZzZB/56/

但随着多JSON在输入和控制器。

谢谢！ JSON的

示例：“PAGECOUNT”：7， “ITEMCOUNT”：

angular.module('pages',[]).factory('Pages', function($http) { 
    return { 
     getPage: function(pageNum, callback) { 
      $http.get('/images?page=' + pageNum).success(function(data, status) { 
       callback(data, status); 
      }); 
     } 
    } 
}); 

然后注入：68

{"images":[{"_id":"542e57a709d2d60000c93953","name":"image1","url":"http://www.syll.com","__v":0},{"_id":"542e58e19d237e5b790f4db2","name":"image154","url":"www.rufyge.com"},{"_id":"542e58e19d237e5b790f4db3","name":"image45784","url":"http://www.test.com"},{"_id":"542eb5bbe26bca641c676ec9","name":"image1","url":"http://www.sl.com","__v":0},{"_id":"542eff1197896530323371b2","name":"image1","url":"http://www.sl.com","__v":0},{"_id":"542f0514b96a17781a5de9ef","name":"image1","url":"http://www.sl.com","__v":0},{"_id":"542f0b618101e35037651a7b","name":"image1","url":"http://www.sl.com","__v":0},{"_id":"543247b7d78ae2dc6a73c4eb","name":"image1","url":"http://www.sl.com","__v":0},{"_id":"543249050fcae2f082ca3e70","name":"imageOCR1","url_image":"http://meta-e.aib.uni-linz.ac.at/ocr/images/biographie_ocr.gif","__v":0},{"_id":"543249050fcae2f082ca3e71","name":"imageOCR2","url_image":"http://www.textcreationpartnership.org/files/2012/02/ocr.jpg","__v":0}],"pageCount":7,"itemCount":68} 

Answer 1

实施你在角服务或工厂这样的GET服务到您的控制器。这是一个编辑你的jsfiddle用这种方法剔除：http://jsfiddle.net/ef0d9zuk/1/

希望它有帮助。