Angular Parent Child Communication - Pass Your Data Correctly

In this video you will learn how Angular input output parent and child components can communicate with each other. We are using input decorator and output decorator to describe Angular component communication. On the real example you will see how we can pass data from parent component to our child component and how thorough events child component can notify parent about some changes.
🚨IMPORTANT:
→ Advanced Angular course: monsterlessons...
→ All my courses: monsterlessons...
→ Twitter: / monster_lessons
🕛 TIMESTAMPS:
0:00 Introduction
4:40 Angular input decorator
7:17 Angular output decorator
15:38 Call to action
📚 References:
→ Angular for beginners - Full Playlist: • Angular Course Online ...
→ Source code: github.com/mon...

[@MonsterlessonsAcademy]

Watch next: Angular Type Definitions With Typescript Interfaces - ua-cam.com/video/II_6w5IcThg/v-deo.html

[@mohammedmerajpasha418]

I was looking for a good angular resource to learn and luckily found your channel Thank you........

[@MonsterlessonsAcademy]

Glad I could help!

[@gaetanlavit7330]

Thanks a lot, nice one again

[@MonsterlessonsAcademy]

Always welcome

[@chrisb3902]

Great video!

[@MonsterlessonsAcademy]

Thanks!

[@serhiitachuk]

Thanks! Very useful video

[@MonsterlessonsAcademy]

Glad to hear!

[@llamamehoju]

Gracias !!

[@MonsterlessonsAcademy]

You are welcome!

[@SyahirahFaizal]

Hi, i thought it's better to put the function in the child component rather than the parent component?

[@MonsterlessonsAcademy]

Hi, it depends on what you want to achieve. Most often we want to do smart parents with business logic and dumb children without any logic.

[@ahmedmk534]

is it possible to have the advanced course for free ? thanks

[@MonsterlessonsAcademy]

No as the point of advanced courses to sell them.

[@yarishkumar]

@@MonsterlessonsAcademy it is good pace/speed. keep up the good job. thank you for sharing your valuable knowledge and time.

[@fahadhafeez8086]

Thank You. But I think you need to increase your speed a bit.

[@MonsterlessonsAcademy]

I will try to improve it but as I'm not a native speaker it's the best what I can :)

[@rostomnouisser4023]

do it like me in settings playback speed *2

[@HoNow222]

Why using vim tho?

[@MonsterlessonsAcademy]

It's more comfortable and productive for me

[@parasjoshi5509]

No sound

[@MonsterlessonsAcademy]

I hear it just fine.

[@parasjoshi5509]

@@MonsterlessonsAcademy there is no sound. I'm from india. Is this video audio restricted?.
Can you create a new one. Thanks

[@MonsterlessonsAcademy]

@@parasjoshi5509 Nothing is restricted. You are the first person who has problem with audio in my video so it looks like the problem is on your side.

[@artem_zakharchuk]

user-list.component.ts
Member 'users' implicitly has an 'any' type.
if I create user.ts
export type User = {
id: string;
name: string;
age: number;
}
and change @Input at user-list.component.ts as below:
@Input() users!: User[];
everything works.
But if I took away the exclamation mark then I received the message:
Property 'users' has no initializer and is not definitely assigned in the constructor.
What does it mean in case of @Input? We have to initiialize it somehow?