Angular 2 Tutorial (2016) - Forms (with Two-Way Databinding)

Angular 2 Tutorial on how to use two-way databinding and ngForm + ngControl to handle forms in Angular 2.

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!

[JasonPSilvestri]

+Mindspace I have followed all videos of this tutorial thus far. You have truly helped me wrap my head around some issues I was having with Asp.NET 4.5, 4.6.1 and Core applications, using Angy 2. Thank you!

[JesseKade_is_here]

Great stuff boss! I'm learning a ton!

So if you're like me, if I'm speaking a second language I like to be corrected if I'm pronouncing something incorrectly. With "Elegant", the G is pronounced like the G in the word "Goose" rather than like a J.

[tmullet]

Been watching a few of your videos, they have all help a lot. Thank you!

[discountinn]

This is very very well made and explained. Helped me a ton. Thanks!

[TheRemjx]

Thank you, Max.Just want to deeper understand. What will be wrong if we do not declare local variable: #myForm = "ngForm"?
I haven't got clear about why we need to declare this local: #myForm

[queridodvd]

the best tutorials i"ve found in angular2 ; so clear; have you an academy ??? or skype assitence?

[burakkartal]

what if i were to create custom component and put ' input ' inside template and wanted to use it in another component which has form tag. How would i include that external input into that form component ?

Example:
<form class="ui form" #f="ngForm" (ngSubmit)="onSubmit(f)">
<h4 class="ui dividing header">Post Information</h4>

<div class="fields">
<div class="seven wide field" dropdown-input
// this here includes the component called 'dropdown-input'. Which i wanna use it as input in all of my forms dynamicaly.

[MarcMirallesBiosca]

Congratulations!! excellent video. Casually do you know hot to change popup triggered text when a form control is invalid?. I live in Catalunya and here have two official languages, Catalan and Spanish.

Where is the text emitted by trigger and how to change it is very important in my country and I like make my applications with translate possibilities to English, Spanish and Catalan as a minimum languages and have it prepared for add new languages in the future.

Lots of thanks for your courses. There are easy, clear and very good.

[dcmeumasankar]

Awesome videos!! Learnt a lot. Keep posting :)

[MarkBoomaars]

Very nice videos! Thanks a lot. Keep up the good work...

[gargkapil]

I am facing one issue. After calling updatemethod of service in component, I am also calling route.navigate(['']) to redirect to list page. But it getting redirected early before updating the value in db. So i am not getting the latest updated value on the list page.
What should I do to resolve this issue. Please guide me.

[jakubb.]

I really appreciate your videos! You spend much time to do that videos and you share that for free, thank you!
However I think you can improve a bit.
IMHO your videos could be more concise. Many times in previous videos you touching things that are not relevant for discussing topic. Instead of having 13min videos you could cover topic in 5min. Consider preparing some fragments of HTML or CSS before recording and keep it ready to copy&paste.
However, again - BIG KUDOS for doing that videos and sharing it for community, for free. We appreciate - THANK YOU!

[bmariem]

Very usefull, thanks a lot. However, since it's a beta version, there is a lot of thinks that have changed. But principle is grasped. Waiting for new vids !

[dahalpi]

Hello again ;)
The tutos work fine, you are a good teacher :)

Now i have a question about forms, it's how to clone o replicate a form (group of fields) in the same page and obtain later an array of objects. In my case i wan't to have a json with that all data.
Thanks!

[CodingAbroad]

If forms are more customisable using formbuilder, is that the one you recommend?

[davidgao]

Thx Max! Great video.
I have a question. The validation is actually done by the regular HTML5 attribute, "required". Do we really need the "ngControl" in this case? Moreover, without the <form>/ngForm/ngControl, we still can use the two-way binding instead of defining local variables (e.g., #firstname, #lastname, etc), don't we?

[CindyShermanXC]

My form element isn't working as in the video. I wasn't getting the "ng-invalid" class and then I noticed that <form #myForm="ngForm"> is being replaced with "<undefined _ngcontent-uyh-2 _nghost-uyh-3>" when I inspect source in Chrome. I assume that is not supposed to be happening. What would cause this?

[harishharish-mtyv]

Hello Max, I just wrote a comment seeking help for one an angular 2 project I am working on.. I dont know how my comment got deleted...

[sambitkarakswain]

What is the IDE used for these tutorials. PS?? What does it stand for?

[milangallas]

Hello. I get error:

do you know where you can be wrong?