@Input and @output in Angular 10 | Communicate from Child to Parent Component - Angular

In this video we will learn how to communicate from child to parent component using @Output() decorator in Angular applications
Angular is a component based framework and when we talk about multiple components communication across components is also required.
In our previous video we have learnt how to pass data from parent component to child component using @Input() decorator . you can watch previous video by clicking on this link

Now if you want to pass some data from child to parent component this type of communication is Event based communication. So in child component we need to create one variable and that variable will be of type EventEmitter class and then decorate this variable with @Output() decorator.

So the variable defined here will act like a publisher and from parent event we need to subscribe for this event by calling it

If you liked my channel , subscribe to it and like my videos. For any queries ask you question in comment section

[haleemakhatoon]

Thanks for sharing the Informative video

[editingtutorial]

Amazing information we'll done perfectly

[sultanosman]

Great topic .Good explaination.thkx for sharing

[gujratianslife]

Good upload stay blessed
Nice sharing

[editingplace]

So informative video Keep sharing more awesome information

[mystoryghar]

Well done, nice tutorial of data transfer