Part 25 - Pagination in Angular Application with External Countries API (Rest-Countries)

Published: 01 April 2022
on channel: Kindson The Tech Pro
3,276
30

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 in Spring Boot W...  
Sorting in SpringBoot/Thymeleaf -    • Part 48c - Combining Pagination and S...  
Filtering in SpringBoot/Thymeleaf -    • Part 48b - Pagination Continues   (Show Links)

Rest Countries API here - https://restcountries.com/
NgBootStrap here - https://ng-bootstrap.github.io/#/comp...

FleetMS Tutorial here - https://bit.ly/3Hhvme4
FleetMSv2 Tutorial here - https://bit.ly/3vzz0M3

Github repository for Angular UI - https://github.com/KindsonTheGenius/f...
Github repository for Nods.js API - https://github.com/KindsonTheGenius/f...

You can find much resources from my websites
http://www.kindsonthegenius.com
http://www.datarmatics.com
http://www.munonye.com

Learn Programming by joining International Computer Programmers Group:
👉   / internationalcomputerprogrammers  

You can reach me via any of the following
❤️ Instagram:   / kindsonthegius  
❤️ LinkedIn:   / kindson  
❤️ Pinerest:   / kindsonm  
❤️ Facebook:   / kindsonm  
❤️ Tumblr: https://www.tumblr.com/blog/kindsonth...
❤️ Twitter:   / kindsonm  

Your support can help me improve my content:
✅ Buy me a coffee: https://www.buymeacoffee.com/KindsonM
✅ Support me on Patreon:   / kindsonthegenius  

The Piano Man https://kindsonthepianoman.blogspot.com/


Watch video Part 25 - Pagination in Angular Application with External Countries API (Rest-Countries) online, duration hours minute second in high quality that is uploaded to the channel Kindson The Tech Pro 01 April 2022. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 3,276 times and liked it 30 visitors.