Auto Hiding Sticky Navbar with Angular and Motion One!

Sdílet
Vložit
  • čas přidán 12. 09. 2024

Komentáře • 18

  • @rafigeniuscs
    @rafigeniuscs Před 21 dnem +1

    Your teaching style is outstanding! I've learned so much from your tutorials. I wanted to suggest creating content on paginated dropdowns and more complex form entries, including validations and steppers. I think these topics would greatly benefit the community, and I'm sure you'd do an amazing job explaining them!

    • @ZoaibKhan
      @ZoaibKhan  Před 21 dnem

      Hey Rafi, thanks for your kind words! I'm glad you like the style :) And those are very useful suggestions. I'll definitely be covering some of them in the near future :)

  • @nejmaljamal1281
    @nejmaljamal1281 Před 25 dny +1

    Thanks for this amazing tutorial, I was actually trying to implement sticky navbar

    • @nejmaljamal1281
      @nejmaljamal1281 Před 25 dny

      Please do a tutorial on SSR app with SEO integration

    • @ZoaibKhan
      @ZoaibKhan  Před 25 dny

      You're welcome 😊 I've noted your suggestion! Thanks for the comment

  • @ayushtamboli3496
    @ayushtamboli3496 Před 23 dny

    Can you make videos on how to handle Web security in angular like xss attack, csrf

    • @ZoaibKhan
      @ZoaibKhan  Před 23 dny +1

      Well, some security is handled by Angular out of the box. But I havent worked with it that much - if you need you can try out the official Angular docs, their docs have a good guide on how to handle XSS attacks and other vulnerabilities.

  • @Neotrixstdr
    @Neotrixstdr Před 23 dny

    Hi! great video, but the scroll event dont attach to the page scroll, it´s only fire OnInit so it´s do not work... I dont know what i am doing wrong...

    • @ZoaibKhan
      @ZoaibKhan  Před 23 dny

      Can you share your component code so I can see?

    • @Neotrixstdr
      @Neotrixstdr Před 23 dny

      Forget it! my App has SSR, so if i callscroll from hook afterRender, it´s work. Thanks!

    • @ZoaibKhan
      @ZoaibKhan  Před 23 dny

      @@Neotrixstdr Good that it works. But be careful, afterRender is called whenever the view is updated in Angular. So you might have multiple scroll handlers. ngOnInit should work just fine - even with SSR - because it will be called when the client app initializes.

    • @Neotrixstdr
      @Neotrixstdr Před 23 dny

      @@ZoaibKhan Yes, thanks. My test App have too provideExperimentalZonelessChangeDetection... i have try in the most complicated project 😁. Thanks for your help!

    • @ZoaibKhan
      @ZoaibKhan  Před 23 dny

      @@Neotrixstdr no problem 🙂

  • @fayazvar3948
    @fayazvar3948 Před 23 dny

    Totally confused today. What is that host: {} saw it first time, what is it.

    • @ZoaibKhan
      @ZoaibKhan  Před 23 dny +1

      It is just another way of adding Host listeners. More detail in the docs.
      angular.dev/guide/components/host-elements#

    • @fayazvar3948
      @fayazvar3948 Před 23 dny

      @@ZoaibKhan Thank you

  • @davebudah
    @davebudah Před 25 dny

    First comment.