Angular 10 Tutorial #29 - Two Way Data Binding in Angular | Angular 10 Tutorial For Beginners

[@Dk_Hacks]

This whole tutorial is really awesome, you are doing a great job.
Here, just want to point one thing at 18:00 the output was not working because we had username initialized with empty, so even we put a value greater than 10 in the input area we will get an empty string in the div's inner HTML.

[@ARCTutorials]

Thanks for sharing

[@sparshsaket2734]

Hello sir
I am working in other technology i just want to switch in new technology, so i have started learning angular from your channel and now i feel very much confidence.

[@tirtheshpawar9614]

Amazing explanation on 2 way binding!!!

[@ARCTutorials]

Glad you liked it!!

[@chandrakantsavant7810]

The month is greater than 10 is working, the output is not shown because in interpolation you kept "username" which is an empty string in component. You are doing a great work, Thank you for great tutorials.

[@ARCTutorials]

Thanks buddy for your support and encouragement

[@9745255709]

Sir really nice... keep going. Iam from kerala i will share this to my all malayali friends....

[@ARCTutorials]

Thank you so much Jithin. Appreciate your kind gesture 🙏

[@karthikr8905]

Thanks for the video. Really awesome, priceless content is free of cost.

[@ARCTutorials]

Glad you enjoyed it!

[@sajedaali4658]

Amazing tutorials sir.. Thanks a lot

[@akshaydhingra5043]

Thank you, Sir. Have been diligently trying to cover 4-5 videos from this series for the past few weeks. This is one of the most genuine and promising Angular tutorials on the Internet.

[@ARCTutorials]

Glad it was helpful!

[@harishkumar-so4tq]

Excellent tutorial thank u 🙏it's more helpful ,let us give the industrial experience sir it's more helpful before entering the industry boldly

[@ARCTutorials]

Thank you so much Harish.

[@toannew]

very goood, thank you

[@sowmyakarumanchi2826]

Great explanation

[@ARCTutorials]

Glad you liked it

[@manjunathkadadi23]

Thank you for your wonderful tutorial, really helped me a lot..
Please do Live project in angular 10..That would be helpful...

[@ARCTutorials]

Hi Manjunath. Sure I am going to start the project very soon.

[@KelGalem]

how do you do, with input methods in Two way binding, like keyUp, Keypress.... may you write innto input [(ngModel)]='username' (keyUp)='fnkey..' ?

[@ARCTutorials]

Hi. You gave wrong event name. We can do something like

[@webdevelopment9808]

You can add
{{dataValue}}
That way when the input value changes, it will do two way data binding. Since its its taking it as a string. That's why > doesn't work.
Thanks sir for the tutorial. I'm learning angular with you :)

[@ARCTutorials]

Thanks for sharing the details buddy!

[@ssshanmugam4514]

Always be grateful for you sir♥🙏

[@ARCTutorials]

I am glad you find the tutorials useful 🙏

[@yedaanna5873]

I am getting the ngModel inspite of adding references to app module and also other modules....

[@ARCTutorials]

Hi Anna. U have to add the FormsModule in the module u have components

[@swamy5757]

ThAnkInG fOr ThIs ViDeo..

[@programmingforfun4158]

This is the best angular video I have ever seen . You made angular as easy as it is possible. Thank you so much. I have got a question.
{{userName}}
this code executes.
But when I put *ngIf = "month

[@ImSiddu2000]

Sir that alternative method is not working
can u suggest

[@abedjamous4324]

I like the tutorial that is very sample and understandable, however just to help you for the last example that you was trying to give and didn't work, the reason why didn't work because you type that if month > 10 then show {{ username }} and username in the component was empty , so if you want to fix it you should type {{ month }}

[@_Sravan_]

12:08 👍🏻👍🏻👍🏻

[@sangeetadammu6055]

Hello sir, can't find custom binding tutorial in the angular playlist..kindly help by sharing the link.. thanku..

[@ARCTutorials]

Hi Sangeeta. You mean using FormControl? Reactive Forms? I have it here ruclips.net/video/TihQpTVLEMg/видео.html
If you are talking about Angular component communication it's covered here ruclips.net/video/trxn1PIW0Fo/видео.html

[@sangeetadammu6055]

@@ARCTutorials I mean custom binding like event binding

[@sangeetadammu6055]

Property custom binding

[@piyuushNawle]

But I want importent forms module in another components example home component and I already import FormsModule in app.module.ts ant it shows error: src/app/components/home/home.component.html :6:- errorNG8002: can't bind the 'ngModel since it isn't a known property of 'input'

[@giacomoocchino9476]

Hi the issue on minute 17.50 happened because you forgot to add some value on "username" , it was empty.
But nice tutorial :)

[@ARCTutorials]

Gotcha. Thanks buddy. Thats why i started this channel to learn from each other 👍👍

[@parnavjain288]

pls share the code of this tutorials.

[@9745255709]

Sir do one live project with angular for us?

[@ARCTutorials]

Angular project coming very soon buddy

[@prayagvakharia]

NgModel is depreciated after Angular6. So this is not right approach.

[@ARCTutorials]

Yes formControlName is the way to go!

[@vankadarinaraharinitheesh1208]

Banana model super sir

[@ARCTutorials]

Thanks buddy for supporting my channel.

[@amanuellebassi7294]

[(ngModel)] -> Banana in a Box!

[@ARCTutorials]

👌👌

[@amanuellebassi7294]

Thanks, I have been following you and learning new things every day. I am enjoying the ride. You have been a blessing to me during this COVID - downtime Season

[@ARCTutorials]

@@amanuellebassi7294 you are amazing my friend 👍

[@pubgadictive536]

Banana syntax 😂😂 why not apple ?

[@ARCTutorials]

Lolz

[@thegreatest1559]

banana in box
😅

[@ARCTutorials]

:D