#28 Non-Related Component Communication | Angular Component & Directives | A Complete Angular Course

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 พ.ย. 2024
  • In this lecture you will learn how to communicate between two non-related components using custom property binding & custom event binding.
    ASP.NET Core GitHub Repo: github.com/man...
    NODE JS Course GitHub Repo: github.com/man...
    ANGULAR 16 Course GitHub Repo: github.com/man...

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

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

    Best Playlist ever

  • @yasminarab1353
    @yasminarab1353 7 หลายเดือนก่อน +1

    Thank you sir, can you plz show us this concept with using service, i think it more logic, but your videos are amazing

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

    Thanks for this, I was looking for for something similar for my Angular app as well.
    Thanks a lot. Are there any pro/cons using this approach as compared to the service calls ?

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

    clear explanation.

  • @sumanlamichhane369
    @sumanlamichhane369 9 หลายเดือนก่อน +1

    05:10 custom event binding process start with child component
    05:27 creating custom event
    06:50 raised the custom event
    09:33 start working with parent component for custom event binding
    12:22 Custom property binding and @Input() decorator process starts

  • @MuhammadUsman-ok5vs
    @MuhammadUsman-ok5vs ปีที่แล้ว +1

    very well explained

  • @abdulwahab1061
    @abdulwahab1061 8 หลายเดือนก่อน

    sir kindly tell me the name of your visual studio code color theme

  • @SofiiaANENKO
    @SofiiaANENKO 7 หลายเดือนก่อน

    Why we don't create a function in the component that will filter products by search text or filter like we do it in React with useEffect hook where we can pass all dependencies that change? I mean does Angular have the same?

  • @fieldruan
    @fieldruan 7 หลายเดือนก่อน

    Thank you sir!

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

    Why not emit from the updateSearchText function? It's already called every time the input changes.
    What's better? Avoid reusing code...or single responsibility principle?

  • @abdisawake7504
    @abdisawake7504 9 หลายเดือนก่อน

    smart bro!!

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

    Thank you man!

  • @muhammedfahmi-x6i
    @muhammedfahmi-x6i 8 หลายเดือนก่อน

    what if the compo-1 and compo-2 have no same parent
    what will do that time

    • @sathishkowtam5922
      @sathishkowtam5922 6 หลายเดือนก่อน

      I think go for service at that time

  • @EmmanuelTabordaVera
    @EmmanuelTabordaVera 8 หลายเดือนก่อน

    I have an existential question. The video is supposed to be about Non-Related Component Communication, but search and product-list are related to the container component, i meant container is the parent. But what happens if I want to communicate more external components? for example produc-list with the header ? Would I have to pass the data with @output to the app component and then pass it with @input to the header?

    • @Coldmilkandhoney
      @Coldmilkandhoney 8 หลายเดือนก่อน

      Use services. They are better and more efficient.

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

    Sir pls increase the font size