Angular Pagination Example

This project shows how to implement pagination in Angular as shown in the article Angular 2/5 - Pagination Example with Logic like Google by Jason Watmore. His GitHub repo with his original project can be found here.

Software Used

• Angular CLI v1.6.3
• Angular v5.1.3
• Bulma CSS Framework

Installation

1. Clone this repo git clone https://github.com/Stanza987/angular-pagination.git
2. cd into the folder of the cloned repo
3. Run yarn install to install dependencies
4. Run ng serve, and navigate to http://localhost:4200/

Deploying to Firebase

1. Run ng build --prod
2. Run firebase init and choose Hosting, follow the on-screen prompts.
3. Delete the public directory automatically generated by the Firebase CLI
4. Change firebase.json to

   {
       "hosting": {
           "public": "dist",
           "ignore": [
               "firebase.json",
               "**/.*",
               "**/node_modules/**"
           ],
           "rewrites": [
               {
                   "source": "**",
                   "destination": "/index.html"
               }
           ]
       }
   }
   

5. Run firebase deploy