Build Angular Pagination Without a Library
Вставка
- Опубліковано 18 вер 2024
- Learn how to build Angular pagination component on your own. For every project you need a Angular pagination which allows to switch pages and load new data. And you don't need a library for that. We will build Angular pagination component with plain Angular.
► CHECK MY COURSES - monsterlessons...
FOLLOW ME
► TWITTER - / monster_lessons
REFERENCES
► Source code - github.com/mon...
STUFF I USE
► My imac for home on Amazon - amzn.to/3MgtZAC
► Mac macbook to go on Amazon - amzn.to/3yr3UJg
► My monitors on Amazon - amzn.to/3yw6lKD
► My mouse on Amazon - amzn.to/3CEFCNt
► My keyboard on Amazon - amzn.to/3fOzNVL
► My monitor arm on Amazon - amzn.to/3CHr5BA
► My speakers on Amazon - amzn.to/3T4uf7W
► My coffee machine on Amazon - amzn.to/3rI9DGQ
► My Synology NAS on Amazon - amzn.to/3MjIpQz
► My Seagate IronWolf 4TB HDD on Amazon - amzn.to/3Cndm1B
► My external SSD drive on Amazon - amzn.to/3rFPQb1
► My external HDD drive on Amazon - amzn.to/3MmrsVE
► My microphone - amzn.to/3SMCE08
► Audio interface - amzn.to/3ecWv9O
► Camera - amzn.to/3RNOLIM
Disclosures: All opinions are my own. Sponsors are acknowledged. Some links in the description are affiliate links that if you click on one of the product links, I’ll receive a commission at no additional cost to you. As an Amazon Associate I earn a small commission from qualifying purchases.
WATCH NEXT: Angular with NgRx - Building Angular Project From Scratch - ua-cam.com/video/vcfZ0EQpYTA/v-deo.htmlsi=BptT7eqgflHIoQiQ
Love your videos!!
Glad you like them!
God bless you, dude 🙏🏻
I appreciate that!
Great Video. It would be helpful, if you add full custom pagination control like drop-down selection of pages, showing 1 to 10 of 25 entries, first, last and previous and next button.
Thank you!
It is easy to learn new Angular topics from your Videos. thank you 😌
Glad to hear that!
excellent video, it would be great if you did these examples but in a standalone project, thanks
You just remove a module a put a word standalone in component. No other changes needed.
many many thanks..
You are most welcome
thank you very mach
You are welcome
I followed this tutorial, besides the seperate pagination.module.ts, cause that wasn't possible. I still don't understand how it can limit the results shown in my table and paginate it, ..
There is a source code of the project in the description. You can check the code if you have any problems.
@@MonsterlessonsAcademy Yes If been checking the source code out. It also works, I'm not saying it doesn't. I just don't think it is clear if I have 1000 li elements or rw elements, how I am able to paginate them with this code. I just get a list of pages as your video shows, but they don't paginate the results of anything.
You cannot make a separate pagination.module.ts in angular, it gives error,.. Value of type 'typeof NgModel' is not callable.
I wonder if Angular has an inbuilt calendar
Angular has nothing inbuilt
what theme are you using?
It's gruvbox. Here is a video about an editor.
ua-cam.com/video/YrLiugDhCuk/v-deo.html
А на русско-язычном канале видео не будет больше? Спасибо Большое!!! Крутые видосы у Вас!!!
Спасибо. На русском новых видео не будет, так же как и новых курсов.
Angular should not exist, as a React developer from what i have seen in this video. It has to be the worst Frontend framework ever created, all that code, configuration and files for just pagination, its a disgrace
If you don't like it then don't use it. For me it is just a framework which is typically better paid that React as there are less devs and higher level of entrance.
Omg this is so helpful! I am working on making pagination for my app and the due date is tomorrow.. thank you so much! 🥹
Glad it was helpful!