This is Part 25 of a step by step tutorial on how to build a complete application using Angular, Node.js and PostgreSQL/MongoDB.
In this part, we would make an API call from Angular UI to an external API (Rest Countries). Then we'll be implementing pagination.
The following is covered
00:00 - How Pagination works
03:58 - Create the rest countries component, Install NgBootstrap, Add route
06:01 - Create an interface inside rest-countries component
06:55 - Write the function to GET list of countries from rest-countries API
12:50 - Load countries and place in local storage
14:40 - Write the refresh function to show the first page
16:17 - Create the HTML markup for paginated table
Pagination in SpringBoot/Thymeleaf - • Part 48 - Pagination i...
Sorting in SpringBoot/Thymeleaf - • Part 48c - Combining P...
Filtering in SpringBoot/Thymeleaf - • Part 48b - Pagination ... (Show Links)
Rest Countries API here - restcountries.com/
NgBootStrap here - ng-bootstrap.github.io/#/comp...
FleetMS Tutorial here - bit.ly/3Hhvme4
FleetMSv2 Tutorial here - bit.ly/3vzz0M3
Github repository for Angular UI - github.com/KindsonTheGenius/f...
Github repository for Nods.js API - github.com/KindsonTheGenius/f...
You can find much resources from my websites
www.kindsonthegenius.com
www.datarmatics.com
www.munonye.com
Learn Programming by joining International Computer Programmers Group:
👉 / internationalcomputerp...
You can reach me via any of the following
❤️ Instagram: / kindsonthegius
❤️ LinkedIn: / kindson
❤️ Pinerest: / kindsonm
❤️ Facebook: / kindsonm
❤️ Tumblr: www.tumblr.com/blog/kindsonth...
❤️ Twitter: / kindsonm
Your support can help me improve my content:
✅ Buy me a coffee: www.buymeacoffee.com/KindsonM
✅ Support me on Patreon: / kindsonthegenius
The Piano Man kindsonthepianoman.blogspot.com/