Build Angular Pagination Without a Library

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 พ.ย. 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.
    ► Download the FREE PDF Now. Pass Your JS Interview with Confidence! ➡️ monsterlessons...
    ► Join Thousands of Learners! Start My Advanced Courses Today ➡️ monsterlessons...
    ► Boost Your Knowledge! Read My Popular Blog Posts Here ➡️ monsterlessons...
    LOOKING FOR THE VIDEO EDITOR? ➡️ ekaterina.kochergina.business@gmail.com
    MOST POPULAR COURSES
    ► Javascript interview questions ➡️ monsterlessons...
    ► Typescript interview questions ➡️ monsterlessons...
    ► React interview questions ➡️ monsterlessons...
    ► Angular Interview Questions ➡️ monsterlessons...
    ► Angular Testing ➡️ monsterlessons...
    ► React Testing ➡️ monsterlessons...
    ► Building real project with Angular + NgRx ➡️ monsterlessons...
    ► Building real NestJS API ➡️ monsterlessons...
    ► Building real fullstack project ➡️ monsterlessons...
    ► RxJS Crash Course ➡️ monsterlessons...
    SERVICES THAT I'M USING
    Learn new skills anytime with Skillshare. ➡️ skillshare.eqc...
    Build your website effortlessly with Squarespace ➡️ squarespace.sy...
    Get fast delivery and Prime Video with Amazon ➡️ www.amazon.com/...
    Get affordable domains from Namecheap ➡️ namecheap.pxf....
    Protect your privacy with NordVPN today! ➡️ nordvpn.sjv.io...
    Ultahost: Fast, reliable hosting for your website. ➡️ ultahost.sjv.i...
    CONNECT WITH ME!
    ► TWITTER - / monster_lessons
    ► INSTAGRAM - / monsterlessonsacademy
    ► FACEBOOK - / monsterlessonsacademy
    ► LINKEDIN - / monsterlessons-academy
    ► TIKTOK - / monsterlessonsacademy
    REFERENCES
    ► Source code - github.com/mon...
    This video is NOT sponsored. Some product links are affiliate links which means if you buy something I'll receive a small commission.

ความคิดเห็น • 29

  • @MonsterlessonsAcademy
    @MonsterlessonsAcademy  2 หลายเดือนก่อน

    WATCH NEXT: Angular with NgRx - Building Angular Project From Scratch - th-cam.com/video/vcfZ0EQpYTA/w-d-xo.htmlsi=BptT7eqgflHIoQiQ

  • @nagendradevara1
    @nagendradevara1 2 ปีที่แล้ว

    It is easy to learn new Angular topics from your Videos. thank you 😌

  • @socraton3689
    @socraton3689 2 ปีที่แล้ว +2

    God bless you, dude 🙏🏻

  • @velpaarinallu5364
    @velpaarinallu5364 ปีที่แล้ว +1

    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.

  • @edgarjovaca
    @edgarjovaca 2 ปีที่แล้ว +2

    Love your videos!!

  • @oquiala
    @oquiala ปีที่แล้ว

    excellent video, it would be great if you did these examples but in a standalone project, thanks

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  ปีที่แล้ว +2

      You just remove a module a put a word standalone in component. No other changes needed.

  • @adityaverma2458
    @adityaverma2458 ปีที่แล้ว

    many many thanks..

  • @chokribenrejeb8115
    @chokribenrejeb8115 ปีที่แล้ว

    thank you very mach

  • @yannickmussche5068
    @yannickmussche5068 ปีที่แล้ว

    You cannot make a separate pagination.module.ts in angular, it gives error,.. Value of type 'typeof NgModel' is not callable.

  • @yannickmussche5068
    @yannickmussche5068 ปีที่แล้ว +1

    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, ..

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  ปีที่แล้ว +1

      There is a source code of the project in the description. You can check the code if you have any problems.

    • @yannickmussche5068
      @yannickmussche5068 ปีที่แล้ว

      @@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.

  • @peanut-butter-e1r
    @peanut-butter-e1r 2 ปีที่แล้ว

    what theme are you using?

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  ปีที่แล้ว +1

      It's gruvbox. Here is a video about an editor.
      th-cam.com/video/YrLiugDhCuk/w-d-xo.html

  • @emmanuelU17
    @emmanuelU17 ปีที่แล้ว

    I wonder if Angular has an inbuilt calendar

  • @АлександрМелянюк-ц9ю
    @АлександрМелянюк-ц9ю 2 ปีที่แล้ว

    А на русско-язычном канале видео не будет больше? Спасибо Большое!!! Крутые видосы у Вас!!!

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  2 ปีที่แล้ว +1

      Спасибо. На русском новых видео не будет, так же как и новых курсов.

  • @thedailycutline278
    @thedailycutline278 ปีที่แล้ว

    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

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  ปีที่แล้ว +4

      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.

  • @rengga7021
    @rengga7021 10 หลายเดือนก่อน

    Omg this is so helpful! I am working on making pagination for my app and the due date is tomorrow.. thank you so much! 🥹