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/

希望它有幫助。