Data transfer between components in angular 13 (parent to child + @input + @Output + @ViewChild)

#angular #angular13 #nihiratechiees

This video explains data transfer between the components

Below topics are covered
=====================

1, Parent to Child

2, Child to Parent

3, Using Services + Observable
4, State Management

Important Links
================

Source Code GitHub Link
=====================

[ch.v.rammohan]

This is really gorgeous tutorial. The hands-on tutorial helped me to learn it very faster. Thank you for the training.

[saikrishnaracharla]

Explanation is very good 👍 and content also good.
Thank you.

[corneliusluka]

Thank you for this great contents, pls can you make tutorial on step form and subject am still confuse on this two

[syedajaz]

Hi Sir, @viewchild() viewdata !:childcomponent.

we use for declaring datatype : but why we are using !: for declaring.?

[mohammedfaridhoddin]

content is good, clearly explaining angular, but comparing with other videos font size is small, appreciate can increase in all videos

[naveenramesh]

adikadi tamil'la tutorial pandratha maranthu english'la instruction kuduthuduringa bro...

[ch.v.rammohan]

Can you provide the link to this code repository, It will be an added advantage because people (especially like me ) will be doing hands-on while watching/listening the videos.
But once the subject goes deep into coding like from 'DataTransfer' (like the Parent&Child components) it will be hard to follow the classes.

[pranjalhulge]

Thank u so much sir..please create vdo on form in angular by using bootstrap..because I am stuck in that problem.

[rasit]

I got strucked. Because bootstrap import is not shown. Please do step by step in order.
Your videos are very useful but not in order

[jgttech]

This is why Angular is so terrible. You have 3 decorators, Angular event syntax, and string function naming and arguments. All that to pass a string from one component to another. This is why React will ALWAYS dominate the UI/UX. Unlike Angular's ridiculously complex nonsense, in React, you take the argument from a variable to your function and use it, directly. No dumb binding syntax and ritualistic crap to tell one component that you sacrificed the right chicken to tell it what name you have.

But thank you for the video! It was very helpful.

[VijayKumar-fqie]

Thank you for this video. Why not u uploading videos from last few days.

[prasadmusini-wx]

The data is passing into parent component and I routed child component separatly but it did not show data that we are passing from parent to child. and it showing the data in child component that we called in parent

[biplabitu]

When I injecting service in both parent and child component I have got some error like this "ERROR Error: NG0200: Circular dependency in DI detected for MasterService"

[shafaathussain]

All your previous videos was awesome but starting a video without giving details what you implemented in files like app-component.ts, app-component.htm how this parent module you have created. This creates a huge confusion . Please follow sequence . I think I am leaving now after your 12 videos. Your previous videos were awesome.

[swapnilkhot]

Sir my property is not getting binded it says undefined

[kelvinmk]

Did I skip a video or something...I did not see you importing bootstrap or creating the form...