Angular 2 Tutorial (2016) - Inputs & Outputs

Angular 2 Tutorial on how to use Angular 2 Inputs & Outputs (Custom Events) to pass data between components.

Get into developing Angular 2 applications instantly! Please share, like and comment if you like the video!

This course will teach you all the fundamentals of the current Angular 2 Beta and will prepare you to write actual Angular 2 web applications.

We will cover Directives, Components, Template Syntax, Two-Way-Data Binding, Services, HTTP (GET and POST) and much more!

Have fun and please leave a like or comment if you like (or dislike) this video or this series!

[srceko]

Videos are my preferred way of learning and your tutorials help a lot. I'm pleasantly surprised with quality of presentation regardless of some minor technical difficulties. Hope you'll make more videos in the future. Thank you very much. :)

[AJonesB]

This video makes much more sense than the one on Lynda which I had to watch over and over but with this one it's so much easier explained. I will check out your other lessons now too. Thanks alot!

[videderien]

Thanks! Great tutorial about Angular2, easy to understand, straight to the point. I watch the other tutorials too!

[vikramsharma]

thanks a lot for describing @Input and @Output.
I have one question and I am beginner's(new) in angular. in my office they give me a project and it has a ADD TO CART features.
and my project has two component.
1. HeaderComponent
2. BodyComponemt

1. Header Component. In header Component i have "cart icon" and it has by default 0 value selected.

2. Body Component. In Body Component i have "add to cart icon" when i click add to cart icon header component cart icon value will update.

Then how it is possible.

Thanks in advance
vikram

[punnepallivenkat]

Cheers mindspace awesome video.but i got an error i.e directives does not exist type component?please send the solution..

[papo]

Awesome videos, simple and accurate :) thank you :)

[naklov]

very nice and useful tutorial, thank you!!

[arvinbernardo]

would it work the same way if the parent selector is a <router-outlet ?

[mrpedro]

Hey!
Thanks for great curse : )
I have a question:
What with situaction, when I dont have selectors in my html, for example I use routing and have only <router-outlet> selector? Where can I put this elements? I searched everywhere..Please help : )

[arunp]

hello..
please provide video for database connectivity through angular 2 using node js. if your already done this work please mention me the link.. please

[cleon]

hey,
can we use this method to share data between 2 children-components? thanks, great tutorials btw!

[nandigamvijaysai]

Thanks for the video. I understood very well. But I am Having a problem that is my child component is in routes.
My parent component has many child components. How should I proceed in this case. Any help please.

[ahold]

Will Output work even if it isn't type=text?
I mean, even if type=file (in the child) for example?

[edsonfast]

Please, How to set focus on input field using Angular2?

[franciscoburgosvaldes]

Videos are great! I'm learning a lot. Thank you so much!
Just a note: In the last part of the video, when you catch the event fired by the child with (childChanged)="childValue = $event" this must be always the child selector <child> if you try to catch it within other parent template place such as <h1 (childChanged)="childValue = $event"/>Parent</h1> it doesn't work. I don't know how to propagate this event yet.

[msgdsg]

Thank you! This really useful movie! Hello from Russia)

[freestyler]

+Mindspace How do we pass data from parent to child component if the child component comes through parent component's router outlet ??

[andrewlon]

thats a lot of frames per second for a screencast video, and buffering time for me.