​
Description

The pagination directive.

​
Usage

as element: 
<search:pagination
       response="{string}"
       [max-pages="{number}"]
       [page-limit="{number}"]
       [first-label="{string}"]
       [show-last="{boolean}"]
       [scroll-to="{string|boolean}"]>
</search:pagination>

​
Directive info

  • This directive creates new scope.

​
Parameters

ParamTypeDetails
responsestringThe name of the response to use to generate the pagination.
max-pages (optional)numberMaximum number of page links to output (default is 10).
page-limit (optional)numberMaximum limit for which a pagination link is created (e.g. FAST ESP has a default offset limit of ~4000).
first-label (optional)stringLabel for the link to the first page. Default: ‘1’
show-last (optional)booleanWhether to show a link to the last page. Default: false
scroll-to (optional)string]link:[booleanThe ID of an element to scroll to when the users selects a page. By default it will scroll to the top. You can disable this automatic scrolling by setting this attribute to false

​
Example

​
Source

<h3 id="example_normal">Normal</h3>
<search:pagination response="response" max-pages="3"></search:pagination>
<hr />

<h3 styling="text-center" id="example_center">Center (pagination-wrapper-center)</h3>
<search:pagination response="response" max-pages="3" styling="pagination-wrapper-center"></search:pagination>
<hr />

<h3 style="text-align:right;" id="example_right">Right (pagination-wrapper-right)</h3>
<search:pagination response="response" max-pages="3" styling="pagination-wrapper-right"></search:pagination>

angular.module('lightning').controller('ExampleController', ['$scope', 'ResponseService', function($scope, ResponseService) {
    var response = {query:{rpp:10},hits:{act:[0,22555]},page:1};
    ResponseService.setResponse('response',response);
}]);

​
Result

Result