{"_id":"ng2-bs-pagination","_rev":"30-e3e3f98016130c5b8069c1dfac95b651","name":"ng2-bs-pagination","time":{"modified":"2022-06-21T05:14:30.700Z","created":"2017-01-20T19:49:08.826Z","2.1.2":"2017-01-20T19:49:08.826Z","1.0.0":"2017-01-20T19:51:53.840Z","0.1.0":"2017-01-20T20:18:36.361Z","0.1.1":"2017-01-20T20:38:48.457Z","0.1.2":"2017-01-20T21:08:35.902Z","0.1.3":"2017-01-20T21:13:24.065Z","0.1.4":"2017-01-20T21:34:26.593Z","0.1.5":"2017-01-20T21:46:44.722Z","0.1.6":"2017-01-20T21:55:06.747Z","0.1.7":"2017-01-20T22:05:32.180Z","1.1.0":"2017-01-20T22:30:39.401Z","1.1.1":"2017-01-21T19:54:13.902Z","1.1.2":"2017-01-21T20:35:51.474Z","1.1.3":"2017-01-21T23:57:22.961Z","1.1.4":"2017-01-22T00:07:28.597Z","1.1.5":"2017-01-22T00:23:27.667Z","1.1.6":"2017-01-22T00:24:15.919Z","1.1.7":"2017-01-22T00:49:05.566Z","1.1.8":"2017-01-22T00:57:17.591Z","1.1.9":"2017-01-22T10:37:47.401Z","1.1.10":"2017-01-25T19:43:54.106Z","1.1.11":"2017-04-13T18:53:57.782Z"},"maintainers":[{"name":"lexxorlov","email":"aaorlov88@gmail.com"}],"dist-tags":{"latest":"1.1.11"},"description":"Boostrap pagination for angular 2.","readme":"Angular 2 bootstrap pagination\n-----------------------------\n\n### Install\n```bash\nnpm i -S ng2-bs-pagination\n```\n### SystemJS usage\n```javascript\npaths: {\n    // paths serve as alias\n    'npm:': 'node_modules/',},\nmap:{\n    'ng2-bs-pagination' : 'npm:ng2-bs-pagination'\n},\npackages: {\n    'ng2-bs-pagination': {\n        main: './index.js',\n        defaultExtension: 'js'\n    }\n}\n```\n\n### Settings   \n  * `[totalItems]` _- number_- \n    Total items in a collection.\n  * `[currentPage]` _- number_ -\n    Current page. \n  * `[pageSize]` _- number_ -\n    Items per page.\n  * `[pageChange]` _- EventEmitter_ -\n    Page change event.\n  * `[offset]` _- number_ -\n    Page items count from left and right side from current page item in the pagination.   \n  * `[previous-text]` _- string_ -\n    Previous button text.    \n  * `[next-text]` _- string_ -\n    Next button text.        \n  * `[first-text]` _- string_ -\n    First button text.\n  * `[last-text]` _- string_ -\n    Last button text.       \n    \n### Usage\n```javascript\n// Module file \nimport {PaginationModule} from 'ng2-bs-pagination';\n\n@NgModule({\n  imports:      [ PaginationModule ],\n  declarations: [ AppComponent, TestPaginationComponent ],\n  bootstrap:    [ AppComponent ]\n})\n\n// Component file\nimport {Component, OnInit} from \"@angular/core\";\nimport {PaginationPipe, PaginationInterface} from \"ng2-bs-pagination\";\n\n@Component({\n    moduleId: module.id,\n    selector: 'test-paginaion',\n    templateUrl: 'test-pagination.component.html',\n    providers: [PaginationPipe]\n})\nexport class TestPaginationComponent implements OnInit {\n    collection: Array<{}>;\n\n    currentPage: number = 1;\n    totalItems: number = 200; // total numbar of page not items\n    pageSize: number = 10; // max page size\n\n    public onPageChange(event: any): void {\n        this.currentPage = event.currentPage;\n    };\n\n    public paginationArgs() : PaginationInterface{\n        return {\n            currentPage : this.currentPage,\n            totalItems : this.totalItems,\n            pageSize : this.pageSize\n        }\n    }\n\n    ngOnInit(): void {\n        let collection = [];\n        for (let i = 0; i < 1000; i++) {\n            collection.push({\n                name: i\n            });\n        }\n        this.collection = collection;\n    }\n}\n```\n### test-pagination.component.html\n```html\n<ul>\n    <li *ngFor=\"let data of collection | pagination: paginationArgs();\">\n        {{data.name}}\n    </li>\n</ul>\n\n<ng-pagination [totalItems]=\"totalItems\"\n               [currentPage]=\"currentPage\"\n               [pageSize]=\"pageSize\"\n               (pageChange)=\"onPageChange($event)\"\n               previous-text=\"&lsaquo;\"\n               next-text=\"&rsaquo;\"\n               first-text=\"First\"\n               last-text=\"Last\">\n</ng-pagination>\n```   \n\n### Todo\n- Implement webpack. It does not work yet. ","versions":{"1.1.5":{"name":"ng2-bs-pagination","version":"1.1.5","description":"Boostrap pagination for angular 2.","main":".index.js","typings":"index.d.ts","scripts":{"prepublish":"tsc","tsc":"tsc","webpack":"webpack --display-error-details"},"repository":{"type":"git","url":"git+https://github.com/lexxorlov/ng2-bs-pagination.git"},"dependencies":{},"devDependencies":{"@angular/common":"~2.4.0","@angular/compiler":"~2.4.0","@angular/core":"~2.4.0","@angular/forms":"~2.4.0","@angular/http":"~2.4.0","@angular/platform-browser":"~2.4.0","@angular/platform-browser-dynamic":"~2.4.0","@angular/router":"~3.4.0","@types/node":"^6.0.46","angular2-template-loader":"^0.6.0","awesome-typescript-loader":"^3.0.0-beta.18","reflect-metadata":"^0.1.8","rollup":"^0.41.4","rxjs":"~5.0.0","systemjs":"0.19.40","typescript":"^2.0.10","zone.js":"^0.7.4"},"keywords":["angular2-bootstrap-pagination","ng2-bootstrap-pagination","ng2-pagination","bootstrap-pagination"],"author":{"name":"Alexey Orlov","email":"aaorlov88@gmail.com"},"license":"ISC","bugs":{"url":"https://github.com/lexxorlov/ng2-bs-pagination.git/issues"},"homepage":"https://github.com/lexxorlov/ng2-bs-pagination.git#readme","_id":"ng2-bs-pagination@1.1.5","_shasum":"661a6466ee15b6316a1c610581d27bbc23baa470","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.4","_npmUser":{"name":"lexxorlov","email":"aaorlov88@gmail.com"},"dist":{"shasum":"661a6466ee15b6316a1c610581d27bbc23baa470","tarball":"https://registry.npmjs.org/ng2-bs-pagination/-/ng2-bs-pagination-1.1.5.tgz","integrity":"sha512-ne3p15Kv7SRq85dzyTbIeqDUc0TwJMPCBcwlato7rpFBfCLuj5YQe9jW5V3q37DVoNEnT2P8qI79z42nw0OVlQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFWtTGWtNqhNVQvH9s06xJdGO5KnPC6v0iBEDHNdqwqcAiAQxl5jWBJtb5jfwvsxfkljzWEKrnI+LFJ4OKToWKseiw=="}]},"maintainers":[{"name":"lexxorlov","email":"aaorlov88@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/ng2-bs-pagination-1.1.5.tgz_1485044605857_0.2103458633646369"}},"1.1.7":{"name":"ng2-bs-pagination","version":"1.1.7","description":"Boostrap pagination for angular 2.","main":".index.js","typings":"index.d.ts","scripts":{"prepublish":"tsc","tsc":"tsc","webpack":"webpack --display-error-details"},"repository":{"type":"git","url":"git+https://github.com/lexxorlov/ng2-bs-pagination.git"},"dependencies":{},"devDependencies":{"@angular/common":"~2.4.0","@angular/compiler":"~2.4.0","@angular/core":"~2.4.0","@angular/forms":"~2.4.0","@angular/http":"~2.4.0","@angular/platform-browser":"~2.4.0","@angular/platform-browser-dynamic":"~2.4.0","@angular/router":"~3.4.0","@types/node":"^6.0.46","angular2-template-loader":"^0.6.0","awesome-typescript-loader":"^3.0.0-beta.18","reflect-metadata":"^0.1.8","rollup":"^0.41.4","rxjs":"~5.0.0","systemjs":"0.19.40","typescript":"^2.0.10","zone.js":"^0.7.4"},"keywords":["angular2-bootstrap-pagination","ng2-bootstrap-pagination","ng2-pagination","bootstrap-pagination"],"author":{"name":"Alexey Orlov","email":"aaorlov88@gmail.com"},"license":"ISC","bugs":{"url":"https://github.com/lexxorlov/ng2-bs-pagination.git/issues"},"homepage":"https://github.com/lexxorlov/ng2-bs-pagination.git#readme","_id":"ng2-bs-pagination@1.1.7","_shasum":"b7c15ead14e253a7df3241e8aa277c7f80e4560f","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.4","_npmUser":{"name":"lexxorlov","email":"aaorlov88@gmail.com"},"dist":{"shasum":"b7c15ead14e253a7df3241e8aa277c7f80e4560f","tarball":"https://registry.npmjs.org/ng2-bs-pagination/-/ng2-bs-pagination-1.1.7.tgz","integrity":"sha512-UJW8H1n96zAgCnvd7gMJvAhvmh2DemtWgL4A0LE9OuFL98VyB1DOvlalv1jIZmaPFaJnHhMd4YwMGRszqJfb4g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID+uqAz/w63kpKx07r+SufHVSt4QT29BbcP5Wsingw6RAiEAst1UbpCp79gejLJxSH7rwIfaRlCvvxIBXSdaygujQXk="}]},"maintainers":[{"name":"lexxorlov","email":"aaorlov88@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/ng2-bs-pagination-1.1.7.tgz_1485046145000_0.39742604712955654"}},"1.1.8":{"name":"ng2-bs-pagination","version":"1.1.8","description":"Boostrap pagination for angular 2.","main":".index.js","typings":"index.d.ts","scripts":{"prepublish":"tsc","tsc":"tsc","webpack":"webpack --display-error-details"},"repository":{"type":"git","url":"git+https://github.com/lexxorlov/ng2-bs-pagination.git"},"dependencies":{},"devDependencies":{"@angular/common":"~2.4.0","@angular/compiler":"~2.4.0","@angular/core":"~2.4.0","@angular/forms":"~2.4.0","@angular/http":"~2.4.0","@angular/platform-browser":"~2.4.0","@angular/platform-browser-dynamic":"~2.4.0","@angular/router":"~3.4.0","@types/node":"^6.0.46","angular2-template-loader":"^0.6.0","awesome-typescript-loader":"^3.0.0-beta.18","reflect-metadata":"^0.1.8","rollup":"^0.41.4","rxjs":"~5.0.0","systemjs":"0.19.40","typescript":"^2.0.10","zone.js":"^0.7.4"},"keywords":["angular2-bootstrap-pagination","ng2-bootstrap-pagination","ng2-pagination","bootstrap-pagination"],"author":{"name":"Alexey Orlov","email":"aaorlov88@gmail.com"},"license":"ISC","bugs":{"url":"https://github.com/lexxorlov/ng2-bs-pagination.git/issues"},"homepage":"https://github.com/lexxorlov/ng2-bs-pagination.git#readme","_id":"ng2-bs-pagination@1.1.8","_shasum":"ec37ded6edfc4f1943cd6a8b37f40be10e01238e","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.4","_npmUser":{"name":"lexxorlov","email":"aaorlov88@gmail.com"},"dist":{"shasum":"ec37ded6edfc4f1943cd6a8b37f40be10e01238e","tarball":"https://registry.npmjs.org/ng2-bs-pagination/-/ng2-bs-pagination-1.1.8.tgz","integrity":"sha512-6On+pNt2YfDqZf4UY75dD45fuqkI7ooN9P52DHyJALInlbajSWglxnhCtmPnvLKBxWrJoGvi++UVVYBi7LSBLQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA0+gWte6M4+U/T7pxwtirqUopQ5qJRLdvRSiAWue7RdAiB117T8qbVhC4h1B6wD6RMvFPQV9y9gnrCwC4DKzARUBw=="}]},"maintainers":[{"name":"lexxorlov","email":"aaorlov88@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/ng2-bs-pagination-1.1.8.tgz_1485046637029_0.9286850257776678"}},"1.1.9":{"name":"ng2-bs-pagination","version":"1.1.9","description":"Boostrap pagination for angular 2.","main":".index.js","typings":"index.d.ts","scripts":{"prepublish":"tsc","tsc":"tsc","webpack":"webpack --display-error-details"},"repository":{"type":"git","url":"git+https://github.com/lexxorlov/ng2-bs-pagination.git"},"dependencies":{},"devDependencies":{"@angular/common":"~2.4.0","@angular/compiler":"~2.4.0","@angular/core":"~2.4.0","@angular/forms":"~2.4.0","@angular/http":"~2.4.0","@angular/platform-browser":"~2.4.0","@angular/platform-browser-dynamic":"~2.4.0","@angular/router":"~3.4.0","@types/node":"^6.0.46","angular2-template-loader":"^0.6.0","awesome-typescript-loader":"^3.0.0-beta.18","reflect-metadata":"^0.1.8","rollup":"^0.41.4","rxjs":"~5.0.0","systemjs":"0.19.40","typescript":"^2.0.10","zone.js":"^0.7.4"},"keywords":["angular2-bootstrap-pagination","ng2-bootstrap-pagination","ng2-pagination","bootstrap-pagination"],"author":{"name":"Alexey Orlov","email":"aaorlov88@gmail.com"},"license":"ISC","bugs":{"url":"https://github.com/lexxorlov/ng2-bs-pagination.git/issues"},"homepage":"https://github.com/lexxorlov/ng2-bs-pagination.git#readme","gitHead":"f24ed8ccdcd16bb20ac8ed9015ec9a6d391ac382","_id":"ng2-bs-pagination@1.1.9","_shasum":"cf35545a1d1fa9075a00a320356db575b645873c","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.4","_npmUser":{"name":"lexxorlov","email":"aaorlov88@gmail.com"},"dist":{"shasum":"cf35545a1d1fa9075a00a320356db575b645873c","tarball":"https://registry.npmjs.org/ng2-bs-pagination/-/ng2-bs-pagination-1.1.9.tgz","integrity":"sha512-4MgkSRWzi8yEtX5ue5AHnXEeD4qpgVQvPHH/HsJlei5WLYj67K7hWoRq4hgblkdrBttaJ2x5ssdxSNgZ34jqTA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFKdx6E5OgMjMvO+o3tzMTQt+0olkNRWpQAWJZQ/b4R4AiB2HZLKojqdrsIXv9AvzUMqBD1Dkup5UCDafy9+5/7FMw=="}]},"maintainers":[{"name":"lexxorlov","email":"aaorlov88@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/ng2-bs-pagination-1.1.9.tgz_1485081466793_0.05412760912440717"}},"1.1.10":{"name":"ng2-bs-pagination","version":"1.1.10","description":"Boostrap pagination for angular 2.","main":".index.js","typings":"index.d.ts","scripts":{"prepublish":"tsc","tsc":"tsc","webpack":"webpack --display-error-details"},"repository":{"type":"git","url":"git+https://github.com/lexxorlov/ng2-bs-pagination.git"},"dependencies":{},"devDependencies":{"@angular/common":"~2.4.0","@angular/compiler":"~2.4.0","@angular/core":"~2.4.0","@angular/forms":"~2.4.0","@angular/http":"~2.4.0","@angular/platform-browser":"~2.4.0","@angular/platform-browser-dynamic":"~2.4.0","@angular/router":"~3.4.0","@types/node":"^6.0.46","angular2-template-loader":"^0.6.0","awesome-typescript-loader":"^3.0.0-beta.18","reflect-metadata":"^0.1.8","rollup":"^0.41.4","rxjs":"~5.0.0","systemjs":"0.19.40","typescript":"^2.0.10","zone.js":"^0.7.4"},"keywords":["angular2-bootstrap-pagination","ng2-bootstrap-pagination","ng2-pagination","bootstrap-pagination"],"author":{"name":"Alexey Orlov","email":"aaorlov88@gmail.com"},"license":"ISC","bugs":{"url":"https://github.com/lexxorlov/ng2-bs-pagination.git/issues"},"homepage":"https://github.com/lexxorlov/ng2-bs-pagination.git#readme","gitHead":"7472714fa586af0799230458513ade31ebf9be22","_id":"ng2-bs-pagination@1.1.10","_shasum":"18f85ecc5b162835fc9a096b5f289c4e8cf7441f","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.4","_npmUser":{"name":"lexxorlov","email":"aaorlov88@gmail.com"},"dist":{"shasum":"18f85ecc5b162835fc9a096b5f289c4e8cf7441f","tarball":"https://registry.npmjs.org/ng2-bs-pagination/-/ng2-bs-pagination-1.1.10.tgz","integrity":"sha512-sKIh+01VmKHbbhfkZtwMuKUXQZUYWSDcHhYy9n+b7N9hDaLeft7TInMmtjXwB5hLUh7W+j/ylZ/zCjokB+cOMQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA7zqiKceY83qo5YPt3iBL0b0dxYUvhXYfC1mSp28DE3AiEAvrWHnSBkbbuQ4QslA1kM0pn8rvqiFHo0NebcPPkBnwA="}]},"maintainers":[{"name":"lexxorlov","email":"aaorlov88@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/ng2-bs-pagination-1.1.10.tgz_1485373432254_0.2810298891272396"}},"1.1.11":{"name":"ng2-bs-pagination","version":"1.1.11","description":"Boostrap pagination for angular 2.","main":"index.js","typings":"index.d.ts","scripts":{"prepublish":"tsc","tsc":"tsc","webpack":"webpack --display-error-details"},"repository":{"type":"git","url":"git+https://github.com/lexxorlov/ng2-bs-pagination.git"},"dependencies":{},"devDependencies":{"@angular/common":"~2.4.0","@angular/compiler":"~2.4.0","@angular/core":"~2.4.0","@angular/forms":"~2.4.0","@angular/http":"~2.4.0","@angular/platform-browser":"~2.4.0","@angular/platform-browser-dynamic":"~2.4.0","@angular/router":"~3.4.0","@types/node":"^6.0.46","angular2-template-loader":"^0.6.0","awesome-typescript-loader":"^3.0.0-beta.18","reflect-metadata":"^0.1.8","rollup":"^0.41.4","rxjs":"~5.0.0","systemjs":"0.19.40","typescript":"^2.0.10","zone.js":"^0.7.4"},"keywords":["angular2-bootstrap-pagination","ng2-bootstrap-pagination","ng2-pagination","bootstrap-pagination"],"author":{"name":"Alexey Orlov","email":"aaorlov88@gmail.com"},"license":"ISC","bugs":{"url":"https://github.com/lexxorlov/ng2-bs-pagination.git/issues"},"homepage":"https://github.com/lexxorlov/ng2-bs-pagination.git#readme","gitHead":"decba4963ab12f048b0e4c5a8f67df2f419720a1","_id":"ng2-bs-pagination@1.1.11","_shasum":"be2ad4b30596b9733aadae644e0fa89c95da6cd9","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.10.2","_npmUser":{"name":"lexxorlov","email":"aaorlov88@gmail.com"},"dist":{"shasum":"be2ad4b30596b9733aadae644e0fa89c95da6cd9","tarball":"https://registry.npmjs.org/ng2-bs-pagination/-/ng2-bs-pagination-1.1.11.tgz","integrity":"sha512-1jQ2H3JJY5M9e6upFofC+zI2Caf0z3c8E6fG+DmtR/wqOAGPfKSf7l4gghMYzgNvuV7Jkekz3c7ckfnP7DrnZg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDK0MAdEJmcmdH7U/3jRQvrUI7driY+S4gbzwatIYCodQIhAPw5XP8u+clUP66bpiZYaSVkN6kYZDiM+gsrnkJdrERB"}]},"maintainers":[{"name":"lexxorlov","email":"aaorlov88@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/ng2-bs-pagination-1.1.11.tgz_1492109635769_0.2184077671263367"}}},"homepage":"https://github.com/lexxorlov/ng2-bs-pagination.git#readme","keywords":["angular2-bootstrap-pagination","ng2-bootstrap-pagination","ng2-pagination","bootstrap-pagination"],"repository":{"type":"git","url":"git+https://github.com/lexxorlov/ng2-bs-pagination.git"},"author":{"name":"Alexey Orlov","email":"aaorlov88@gmail.com"},"bugs":{"url":"https://github.com/lexxorlov/ng2-bs-pagination.git/issues"},"license":"ISC","readmeFilename":"README.md"}