{"_id":"ng4-paginator","_rev":"35-42a020dfbde2af8eec2aabdb8d082589","name":"ng4-paginator","time":{"modified":"2022-06-21T06:57:42.690Z","created":"2017-09-12T17:15:21.465Z","1.0.0":"2017-09-12T17:15:21.465Z","1.0.1":"2017-09-12T17:19:24.978Z","1.0.2":"2017-09-12T17:24:24.822Z","1.0.3":"2017-09-12T17:26:45.849Z","1.0.4":"2017-09-12T17:37:38.017Z","1.0.5":"2017-09-12T17:46:32.881Z","1.0.6":"2017-09-12T18:58:50.448Z","1.0.7":"2017-09-12T19:16:26.199Z","1.0.8":"2017-09-12T19:39:16.882Z","1.0.9":"2017-09-12T19:48:30.561Z","1.0.10":"2017-09-12T19:54:16.317Z","1.0.11":"2017-09-12T20:15:21.504Z","1.0.12":"2017-09-12T20:30:49.043Z","1.0.13":"2017-09-12T21:45:01.313Z","1.0.14":"2017-09-13T15:45:32.499Z","1.0.15":"2017-09-13T15:51:06.851Z"},"maintainers":[{"name":"masoudsharifi","email":"m.n.sharifi@gmail.com"}],"dist-tags":{"latest":"1.0.15"},"description":"This is an angular module to let you add paginator to your lists","readme":"

ng4-paginator

\r\n\r\nThis is an angular 4 module that allows for adding a paginator to an existing angular app.\r\n\r\n

How To Use Module

\r\n\r\n
  • You need to add a dependency in your package.json to \"ng4-paginator\"
    • \r\n
  • In your app module add Ng4PaginatorModule to the imports:[]
    • \r\n
  • add an import in your app module\r\n\r\n
    • \r\n
  • In your component template add the following block:
    • \r\n\r\n

    \r\n<ng4-paginator totalRecords=\"this is the total number of records\" pagesPerGroup=\"this is number of pages displayed at in the paginator\" recordsPerPage=\"this is the number of records per page\" (currentPageChanged)=\"onPageChanged($event)\"></ng4-paginator>\r\n

    \r\n
    \r\n
  • In your component implement the onPageChanged($event) method that captures the page number user has selected.
    • \r\n    \r\n

    How To Build Module

    \r\nIn order to build this code just browse to the directory where you've saved it and run \"npm run build\"\r\n\r\n","versions":{"1.0.13":{"name":"ng4-paginator","version":"1.0.13","description":"This is an angular module to let you add paginator to your lists","main":"ng4-paginator.umd.js","jsnext:main":"ng4-paginator.esm.js","module":"ng4-paginator.esm.js","types":"ng4-paginator.d.ts","author":{"name":"Masoud Sharifi"},"license":"MIT","dependencies":{"@angular/common":"^4.2.4","@angular/compiler":"^4.2.4","@angular/core":"^4.2.4","@angular/forms":"^4.2.4","@angular/http":"^4.2.4","@angular/platform-browser":"^4.2.4","@angular/platform-browser-dynamic":"^4.2.4","@angular/router":"^4.2.4","@angular/animations":"^4.2.4","@angular/upgrade":"^4.2.4","core-js":"^2.4.1","rxjs":"^5.4.2","ts-helpers":"^1.1.2","zone.js":"^0.8.14","reflect-metadata":"^0.1.10"},"_id":"ng4-paginator@1.0.13","scripts":{},"_shasum":"95042c6ba93811d0eadcf66422c5e2c736c63849","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.10.3","_npmUser":{"name":"masoudsharifi","email":"m.n.sharifi@gmail.com"},"dist":{"shasum":"95042c6ba93811d0eadcf66422c5e2c736c63849","tarball":"https://registry.npmjs.org/ng4-paginator/-/ng4-paginator-1.0.13.tgz","integrity":"sha512-oA+DV1vJ60ZHzqRD/UMEDxxnnn+2MFJRUOoOccAj1PtzsmIx+2XcR7IinPpnjbwjpGm0xz6n8QMSyaeX4WFiNA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCh4vWoRrXj9G5NqXgG09aS1oZJA+P+XnVCh2R8HyQWMAIgOw10CCIcj9oSYObZEm3r0yRqxkHo1qI8FnwepRjTs84="}]},"maintainers":[{"name":"masoudsharifi","email":"m.n.sharifi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng4-paginator-1.0.13.tgz_1505252700064_0.010568500496447086"}},"1.0.15":{"name":"ng4-paginator","version":"1.0.15","description":"This is an angular module to let you add paginator to your lists","main":"ng4-paginator.umd.js","jsnext:main":"ng4-paginator.esm.js","module":"ng4-paginator.esm.js","types":"ng4-paginator.d.ts","author":{"name":"Masoud Sharifi"},"license":"MIT","dependencies":{"@angular/common":"^4.2.4","@angular/compiler":"^4.2.4","@angular/core":"^4.2.4","@angular/forms":"^4.2.4","@angular/http":"^4.2.4","@angular/platform-browser":"^4.2.4","@angular/platform-browser-dynamic":"^4.2.4","@angular/router":"^4.2.4","@angular/animations":"^4.2.4","@angular/upgrade":"^4.2.4","core-js":"^2.4.1","rxjs":"^5.4.2","ts-helpers":"^1.1.2","zone.js":"^0.8.14","reflect-metadata":"^0.1.10"},"_id":"ng4-paginator@1.0.15","scripts":{},"_shasum":"d1b784302045da3584350868493547487703711f","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.10.3","_npmUser":{"name":"masoudsharifi","email":"m.n.sharifi@gmail.com"},"dist":{"shasum":"d1b784302045da3584350868493547487703711f","tarball":"https://registry.npmjs.org/ng4-paginator/-/ng4-paginator-1.0.15.tgz","integrity":"sha512-MeiyzfKlK8dyez2CAeYM7jmXYaRb+4HB2XzgsFFvyzGRtn4FsEw3UF10vzzVCjoJsVDtWdsr6e9LiqebNiONew==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGh6C09WLVQVAThfPTBdoUkluIe2btTbi1pAeCHtzFQYAiBZd47m1Np4P0V3P1c1EnWyhiFz7TDLw2rOiZ8av4ic+A=="}]},"maintainers":[{"name":"masoudsharifi","email":"m.n.sharifi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng4-paginator-1.0.15.tgz_1505317865171_0.10511550889350474"}}},"author":{"name":"Masoud Sharifi"},"license":"MIT","readmeFilename":"README.md","users":{"masoudsharifi":true}}