View Encapsulation in Angular | Angular Tutorial in Hindi (2023) [#1]

Поділитися
Вставка
  • Опубліковано 1 жов 2024
  • Easy Explaination of View Encapsulation in Angular in hindi. Follow this video to know more about.
    ►Subscribe Now: bit.ly/2P58fbS 🔔 Stay updated!
    Support Us: - - - - - - - - - - -
    If you like my efforts and you would really like to support
    Please Support Me on Patreon: / uxtrendz
    Donate Us: - - - - - - - - - - -
    -If you would like to show your support to grow my channel donate to my PayPal - paypal.me/anupss
    -All money is hugely appreciated and is used to buy new equipment and gear to help produce the best quality video I can!
    🎬 Full Auth Series : bit.ly/2HxjtI5
    ---------- Our Playlists ----------
    🎬 Full Rxjs Series : bit.ly/3dyqovP
    🎬 Angular Series Playlist (In Hindi) bit.ly/2WwDaVL
    🎬 Angular Exercises (In Hindi) bit.ly/37tomJ5
    🎬Angular Code Tips (Playlist) Playlist: bit.ly/2REHvSP
    🎬 Sass Series Playlist (In Hindi) bit.ly/2UT1Fv
    🎬 UX Experiments (Playlist) bit.ly/2PNeSUo
    🎬 How to-list(In Hindi) (Playlist) bit.ly/2MRsHQ2
    👍 Social Us
    ✅ UA-cam - / uxlearnz
    ✅ Facebook - Uxlearnz/
    ✅ Telegram Channel - t.me/uxtrendz
    ✅ Telegram Group - t.me/uxtrendzg...
    ✅ WhatsApp - Be my Patreon to Join Group.
    ✅ Patreon- patreon.com/uxtrendz
    Tags:
    View Encapsulation in Hindi,
    #ViewEncapsulation,
    Shadow Dom in Hindi,
    #ShadowDom
    angular 10 in hindi,
    angular tutorial in hindi,
    angular hindi,
    Learn Angular,
    #angular,
    #angular2,
    #angular9,
    #angular10,
    #learnAngular,
    #learnwithanup,
    #uxlearnz,
    #uxtrendz,
    #uxtrends

КОМЕНТАРІ • 73

  • @cyberbabakesaath5814
    @cyberbabakesaath5814 3 роки тому +3

    Thanks for the very good explanation, concept is clear now. I will definitely revisit your channel.

  • @manpreetsrmcem
    @manpreetsrmcem 3 роки тому +1

    Ye mere se interview me poocha ja chuka hai or mai bata nahi paya tha...

    • @uxlearnz
      @uxlearnz  3 роки тому

      Ohh, but abhi to clear hua na 😊

  • @prashansapriya5963
    @prashansapriya5963 2 місяці тому

    We need more videos from u sir on react and node js , next js ...

  • @gvinay1988
    @gvinay1988 3 роки тому +1

    Sir aapne ux trendz channel band kr diya kya?

  • @devashish_yt
    @devashish_yt 3 роки тому +4

    Recently i completed your angular and rsjx series... just awesome bro.. lovevthe way you are explaining things

    • @uxlearnz
      @uxlearnz  3 роки тому

      Thanks bro. 🙏

    • @muhammadsaleh816
      @muhammadsaleh816 3 роки тому

      I am not seeing your more videos just 3 to 4 videos on youtube
      Is there any seperat web ?

  • @Sonu-mv5yj
    @Sonu-mv5yj 2 роки тому +1

    code milega iska?

    • @uxlearnz
      @uxlearnz  2 роки тому

      Okay, I will provide in description soon

  • @pakkaodia
    @pakkaodia 3 роки тому +2

    We need more topics in UX Learnz

  • @tinkumehateraho
    @tinkumehateraho 3 роки тому +2

    after seen 4 videos this is much comfortable to understand thnk u

  • @sanatanShishya1521
    @sanatanShishya1521 3 роки тому +1

    Very nice and simple understandable video...
    Thanks...keep growing.!!
    Subscribed :)

  • @somenprtapsingh
    @somenprtapsingh 2 роки тому +1

    nice explanation with examples
    Thanks buddy

    • @uxlearnz
      @uxlearnz  2 роки тому

      Glad you liked it!

  • @sunilbehera6173
    @sunilbehera6173 3 роки тому +1

    Add all code to github and share the link

  • @__nitinkumar__
    @__nitinkumar__ 2 роки тому

    How to change styling from parent component when child is using ViewEncapsulation as ShadowDom ???

  • @deepcode1
    @deepcode1 3 роки тому +1

    congrats Anup for 1k subscribers...

  • @anchalgaur2507
    @anchalgaur2507 3 роки тому +1

    There is worst scenario of using view encapsulation as none along with component selector i.e. if Both parent and child having the same class then extra styles will be overrided by parent class which is not present in child class. Could you please suggest some solution for this.

    • @uxlearnz
      @uxlearnz  Рік тому

      Iske kuch solutions ho sakte hai jaise child class me important use kar sakte hai ya fir parent me direct class na bana ke uske container ko bhi add kar sakte hai class me ya fir host use kar sakte hai. You can Wath our Angular deep styling video that could be helpful for you.

  • @aakash261
    @aakash261 3 роки тому +1

    Good explanation with example. it clears my concept in a very short time after watching this video. Thanks a lot.

  • @AmitPatel-zz3bi
    @AmitPatel-zz3bi 3 роки тому +1

    sir change detection topic pe video banaie bahut difficult lagata hai

  • @prafulsadanpawar8100
    @prafulsadanpawar8100 2 роки тому +1

    Perfect example of view encapsulation

  • @SandeepKumar-ly4ud
    @SandeepKumar-ly4ud 3 роки тому

    Please complete authentication video tutorial first then move on next.

  • @vishalsvits
    @vishalsvits 3 роки тому +1

    Count me in your big fan list. Love you bro ❤

    • @uxlearnz
      @uxlearnz  3 роки тому

      Counted love you too bro.

  • @kaynatali4940
    @kaynatali4940 3 роки тому +1

    Hello sir currently I am working on gst product on my company so that I wanted to ask you
    How to enable disable properties based on the user role using rest api in angular plzz sir give me the solutions for I have only idea for hiding and showing elements based on the user role

    • @uxlearnz
      @uxlearnz  3 роки тому +1

      You can join our Telegram group and discuss your query with other members

    • @kaynatali4940
      @kaynatali4940 3 роки тому +1

      @@uxlearnz okay thanks

  • @standfirst9278
    @standfirst9278 2 роки тому

    great way to teach

  • @komalupreti8662
    @komalupreti8662 3 роки тому +1

    Very well explained. Easy to understand.

  • @imranali-kn6mv
    @imranali-kn6mv 2 роки тому

    Nice explained

  • @shrikhan2215
    @shrikhan2215 2 роки тому

    Thank you !

  • @tarishisrivastava192
    @tarishisrivastava192 3 роки тому +1

    I have a question..What if in the app component We give ViewEncapsulation as None and in one of the child components we give ViewEncapsulation as ShadowDom for the same button example which you gave. What will happen in that case?

    • @uxlearnz
      @uxlearnz  3 роки тому

      I am also wondering😆. Just try it also share with me the result.

    • @manpreetsrmcem
      @manpreetsrmcem 3 роки тому +1

      App Component css start behaving as global css(main.css) but the component you placed as ViewEncapsultion.ShadowDom it will not work because if you used ViewEncapsultion.none at app component then it will not allow you to use shadowdom at any other component.

  • @WewakeTomar
    @WewakeTomar 3 роки тому +1

    Nice explanation bro, Understood it in one go.

  • @mudassirfarooq375
    @mudassirfarooq375 2 роки тому +1

    very well explained bro

  • @VaibhavRaj_developer
    @VaibhavRaj_developer 3 роки тому

    Why two channels man ?

  • @nitsesjoshi1113
    @nitsesjoshi1113 3 роки тому +1

    You explain very well

  • @unseeninsane7063
    @unseeninsane7063 9 місяців тому

    Very Helpful Video, Thank you. :)

    • @uxlearnz
      @uxlearnz  9 місяців тому

      Welcome 🫡

  • @AmitPatel-zz3bi
    @AmitPatel-zz3bi 3 роки тому +1

    sir nice video hai

  • @SarojKumar-qo4kc
    @SarojKumar-qo4kc 3 роки тому +1

    Naic

  • @prashansapriya5963
    @prashansapriya5963 2 роки тому +1

    Amazing

  • @apoorvsrivastava5819
    @apoorvsrivastava5819 3 роки тому +1

    Great sir

  • @nirmalkandwal3783
    @nirmalkandwal3783 3 роки тому +1

    wow .. Thanks man

  • @DeepakKumar-ou7km
    @DeepakKumar-ou7km 3 роки тому +1

    extremely ultimate...

  • @gulshansharma1337
    @gulshansharma1337 Рік тому

    Nicely described. Appreciated

  • @pakkaodia
    @pakkaodia 3 роки тому

    Lovely sir