Angular NgModel Two Way Data Binding with Example

Learn how to use the Angular ng-model directive for Two Way Data Binding with an example.
Code Editor: VS Code
Video Editor: iMovie
------------------------------- Follow Me on Twitter -----------------------------------
Twitter - @cem_eygi - / cem_eygi

[@eugeniolopes8134]

Thanks for the video. I've been searching for an proper explication and your one made me understanting. Regards from the Brazil !

[@goodvibesonly1930]

This series is the best thing that has happened in 2020

[@cemeygimedia]

Thank you :)

[@emailme9112]

Dude! You rock!! Way to present the material.

[@anthonymagpantay2073]

this is so helpful. waiting for the next video :)

[@ajaykumar-ow1bs]

Unbelievable! I don't have any basic knowledge of TS & JS. BUT this makes me awesome. You have great teaching skills.

[@cemeygimedia]

Happy to help!

[@faizanalikhan9319]

Please create more tutorials for angular. These are very helpful.

[@syremusic_]

Super clear! Thank you

[@caneryldz3632]

Clear and simple explanation thank you Cem .

[@cemeygimedia]

you're welcome :)

[@PhillipLombardino]

Thanks for the videos! Small suggestion. Might be helpful if you added links to each video in the series within the description. Just a thought. Again, thanks for making these

[@cemeygimedia]

Good suggestion, I'll do that. Thank you :)

[@praneethkassa7247]

Ease to understand and clear...tq sir

[@fabreddos]

Thanks my friend, excelent explanation about this topic, greetings from Colombia.

[@atiqulny]

Please complete the AngularJS Series. Excellent Video, well explained. Best would be, if you explain how to use Angular API document and get most out of the API Doc.

[@MotasemAlsaqqa]

Thank you, I'm following with you.

[@cryptobob4566]

very well...this is the most obvious way of describing ngmodel that i have been seen ....

[@yusufahmed2233]

Your videos have helped me a lot! thanks man.

[@cemeygimedia]

You're welcome! :)

[@user-xx4he2jv1w]

I was not importing the froms module and I was really becoming impatient and frustrated because of the error. Your video really halped me get through it. Thank you so much sir 😊💙

[@fateme_jafari_piano]

it was perfect & helpful

[@muhammedyildiz6938]

super awesome

[@Littlemiathedreamer]

Thank you.. :)

[@deepcool5497]

Nice

[@utkuiscool]

Hi. I want to ask something. How can i pass the input data from html to service?

[@mahaahaadi]

thanks

[@BhawaniSingh-jc7cw]

Thanks ...Please create more videos for Routers, Controllers, Forms, Events, Services.

[@cemeygimedia]

I will 👍

[@and_still.]

You explained it so well brother.
I have one question regarding angular. Currently iam learning JavaScript. My question is can you tell me what are the topics and concepts of JavaScript that i should learn first before starting Angular?

[@WiiHack]

Fortnite

[@and_still.]

@@WiiHack ohh so you had to learnt fortnite before angular I guess you are confused in your life

[@WiiHack]

@@and_still. Yes, that's what I said. Im a senior vision OS developer my little boy. Show some respect.

[@johwhoo]

Tks!!! You saved my life hahahaha

[@johwhoo]

Edit: I had forgotten to import the FormsModule too

[@asifferdous2432]

why you stopped uploading?

[@ahmed_raaphat]

The first way in the first half of the video didn't work with me. However, thanks for sharing that!

[@anusuyar8423]

🙏👏💐

[@upcom1ng116]

It's going to get completed when you try to work with radio button and passing data to function

[@TheTimeProphet]

I am not sure why. I have imported the module and done exactly this, and my 2 way data binding is not working for me

[@TheTimeProphet]

I am going to reply to my own comment. I have found out why ngModel wasn't working. Unless you add the name="name" tag it won't work. I watched 4 tutorials and couldn't get it to work until I added the name tag, and now it works. I hope this helps someone else

[@KieranMueller]

@@TheTimeProphet my god I was going crazy trying to figure out why this wasn't working, thank you!

[@jayakumar2927]

source code need

[@john_yeager]

anybody know how i 2waybinding a property inside *ngIf ? angularjs was so much better, they destroy the framework

[@renatoafonsomaiacarneiro950]

Um...sir I tried the code "", but an error ALWAYS occurs...my command prompt keeps saying:
Object is possibly 'null'.

(keyup.enter) = "title =$event.target.value"/>
and
Property 'value' does not exist on type 'EventTarget'.

(keyup.enter) = "title =$event.target.value"/>;
What an I doing wrong? Do I need to ad some lines of coding or there is another addon that I need to download?

[@cemeygimedia]

Hello, you are using the complicated way. I have used it in the video because to explain that there is an easier way [(ngModel)], which does the exactly same thing. So please delete this code and try again with ngModel, as I explained in the video. If still doesn't work, then please let me know.

[@renatoafonsomaiacarneiro950]

@@cemeygimedia No, I know that sir, is just it, I know that this is the messy way, but whenever I use the event bind for any reason the error ocurs, and I can`t use the two-way for every thing...I just want to know why it doesnt work so I cam fix it and use it on other circumstances without the issue...

[@renatoafonsomaiacarneiro950]

@@cemeygimedia My event binding ($event.target.value) is the issue, it dosen`t work no mather what or where I use it, I just want to know why it happens :(

[@user-kh6rp6yx1j]

Hey

[@yt-1161]

Kardeş binded değil bound