ref.
\r\nhttp:\/\/angular-ui.github.io\/bootstrap\/#\/pagination
\r\nhttp:\/\/getbootstrap.com\/components\/#pagination<\/p>\r\n\r\n
1)AngularJS template view<\/strong><\/p>\r\n\r\n $ vi app\/assets\/templates\/users\/index.html.erb<\/p>\r\n\r\n 2)AngularJS controller<\/p>\r\n\r\n ref. http:\/\/angular-ui.github.io\/bootstrap\/#\/pagination http:\/\/getbootstrap.com\/components\/#pagination 1)AngularJS template view $ vi app\/assets\/templates\/users\/index.html.erb <div ng-controller="UsersIndexCtrl"> <h1 class="text-center">All users<\/h1> <pagination total-items="totalitems" ng-model="currentpage" max-size="maxsize" items-per-page="itemsperpage" class="pagination-sm" previous-text="Previous" next-text="Next" first-text="First" last-text="Last" boundary-links="true"> <\/pagination><br \/> <ul ng-repeat="user in currentitems" class="users"> <li><img alt="{{user.name}}" src="https:\/\/secure.gravatar.com\/avatar\/{{hash(user.email)}}?s=52" \/> <a href="\/users\/{{user.id}}">{{user.name}}<\/a> <\/li> <\/ul> <pagination total-items="totalitems" ng-model="currentpage" max-size="maxsize" items-per-page="itemsperpage" class="pagination-sm" previous-text="Previous" next-text="Next" first-text="First" last-text="Last" boundary-links="true" rotate="false"> <\/pagination> <\/div> 2)AngularJS […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[137],"tags":[35,174,172,173],"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/posts\/1124"}],"collection":[{"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/comments?post=1124"}],"version-history":[{"count":1,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/posts\/1124\/revisions"}],"predecessor-version":[{"id":1125,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/posts\/1124\/revisions\/1125"}],"wp:attachment":[{"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/media?parent=1124"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/categories?post=1124"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.honobono-life.info\/wpeng\/wp-json\/wp\/v2\/tags?post=1124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\r\n<div ng-controller="UsersIndexCtrl">\r\n <h1 class="text-center">All users<\/h1>\r\n <pagination total-items="totalitems"\r\n ng-model="currentpage"\r\n max-size="maxsize"\r\n items-per-page="itemsperpage"\r\n class="pagination-sm"\r\n previous-text="Previous"\r\n next-text="Next"\r\n first-text="First"\r\n last-text="Last"\r\n boundary-links="true">\r\n <\/pagination><br \/>\r\n <ul ng-repeat="user in currentitems" class="users">\r\n <li><img alt="{{user.name}}" src="https:\/\/secure.gravatar.com\/avatar\/{{hash(user.email)}}?s=52" \/>\r\n <a href="\/users\/{{user.id}}">{{user.name}}<\/a>\r\n <\/li>\r\n <\/ul>\r\n <pagination total-items="totalitems"\r\n ng-model="currentpage"\r\n max-size="maxsize"\r\n items-per-page="itemsperpage"\r\n class="pagination-sm"\r\n previous-text="Previous"\r\n next-text="Next"\r\n first-text="First"\r\n last-text="Last"\r\n boundary-links="true"\r\n rotate="false">\r\n <\/pagination>\r\n<\/div><\/pre><\/div>\r\n\r\n\r\nmyModule.controller("UsersIndexCtrl", function($scope, userResource, flashService, $location, sessionResource, $q) {\r\n $scope.maxsize = 5;\r\n $scope.itemsperpage = 3;\r\n $scope.currentpage = 1;\r\n var start = 0;\r\n var end = start + $scope.itemsperpage;\r\n\r\n var qgetUser = function(deferred) {\r\n.........\r\n }\r\n var deferred = $q.defer();\r\n deferred.promise.then(function (result) {\r\n var user_info = result;\r\n if (user_info.user.id > 0) {\r\n userResource.index({}, function(response) {\r\n $scope.users = response;\r\n $scope.totalitems = $scope.users.length;\r\n $scope.currentitems = $scope.users.slice(start,end);\r\n\r\n $scope.$watch('currentpage', function() {\r\n start = ($scope.currentpage - 1) * $scope.itemsperpage;\r\n end = start + $scope.itemsperpage;\r\n $scope.currentitems = $scope.users.slice(start,end);\r\n },true);\r\n });\r\n } else {\r\n $location.path("\/signin");\r\n }\r\n },function (reason) {\r\n console.log("qgetUser-Error");\r\n })\r\n qgetUser (deferred);\r\n\r\n $scope.hash = function(email) {\r\n return md5(email.toLowerCase());\r\n };\r\n});<\/pre>","protected":false},"excerpt":{"rendered":"