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

preview_player
Показать описание
Angular 10 Tutorial, Angular two way data binding tutorial, Angular 10 Tutorial For Beginners, Angular full tutorial, Angular learn angular applications, How to develop Angular Apps, Angular tutorials building and deploying Angular Apps, Building angular applications in Angular 10, Learn to build Angular 10 applications, Angular build and deploying applications, angular 10 building and deploying in Angular Apps, angular Apps build and deployment in Angular 10, 6,7,8, 9, angular 8 example,

Angular 10 tutorial for beginners, angular 10 tutorials, angular tutorials for beginners, angular interview questions and answers, angular live projects, angular 10 crash course, angular 10 tutorial for beginners step by step, angular tutorial for beginners 2020,angular tutorial 2020,angular code examples, angular for freshers, angular tutorial for experienced, arc tutorials angular, arc tutorials, angular 10 full course, angular 10 tutorial for beginners, angular 10 tutorial

Angular 10 tutorial for beginners, angular 10 crash course, angular 10 tutorial for beginners step by step, angular tutorial for beginners 2020, angular tutorial 2020, arc tutorial angular, angular code examples, angular for freshers, angular tutorial for experienced, angular introduction, angular version history, angular full tutorial series, best angular tutorial.

Angular 10 Tutorial #1 -

Angular 10 Tutorial #2

Angular 10 Tutorial #3 - Upgrade to Angular 10

Angular 10 Tutorial #4 - Install Angular CLI tutorial

Angular 10 Tutorial #5 - Install Bootstrap in Angular App

Angular 10 Tutorial #6 - Install Angular Material in Angular Application

Angular 10 Tutorial #7 - Folder Structure of Angular Apps

Angular 10 Tutorial #8 - Boot Process of Angular Apps

Angular 10 Tutorial #10 - Angular CLI Tutorial

Angular 10 Tutorial #11 - App Architecture

Angular 10 Tutorial #12 - Modules

Angular 10 Tutorial #13 - Components

Angular 10 Tutorial #14 - Component Lifecycle Hooks

Angular 10 Tutorial #15 - Component Communications

Angular 10 Tutorial #16 - Templates in Angular Components

Angular 10 Tutorial #17 - Directives in Angular 10

Angular 10 Tutorial #18 - Structural Directives in Angular 10

Angular 10 Tutorial #19 - ngIf in Angular 10

Angular 10 Tutorial #20 - ngFor in Angular 10

Angular 10 Tutorial #21 - ngSwitch in Angular 10

Angular 10 Tutorial #22 - ngStyle in Angular 10

Angular 10 Tutorial #23 - ngClass in Angular 10

Angular 10 Tutorial #24 - Data Binding in Angular 10

Angular 10 Tutorial #25 - Interpolation in Angular 10

Angular 10 Tutorial #26 - Property Binding in Angular 10

Angular 10 Tutorial For Beginners

Angular 9 Full Tutorial For Beginners

Angular CRUD Tutorial Step by Step

Angular Testing Tutorial
Рекомендации по теме
Комментарии
Автор

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.

sparshsaket
Автор

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.

Dk_Hacks
Автор

Amazing explanation on 2 way binding!!!

tirtheshpawar
Автор

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.

akshaydhingra
Автор

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

Автор

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

karthikr
Автор

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

harishkumar-sotq
Автор

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.

chandrakantsavant
Автор

Thank you for your wonderful tutorial, really helped me a lot..

Please do Live project in angular 10..That would be helpful...

manjunathkadadi
Автор

You can add
<input [(ngModel)]="dataValue" type="number"/>
<div *ngIf="dataValue > 10">{{dataValue}}</div>

That way when the input value changes, it will do two way data binding. Since its <input type="text" /> its taking it as a string. That's why > doesn't work.

Thanks sir for the tutorial. I'm learning angular with you :)

webdevelopment
Автор

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

giacomoocchino
Автор

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 <div *ngIf="month > 10"> {{ month }} </div>

abedjamous
Автор

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

KelGalem
Автор

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

yedaanna
Автор

<bold> Banana model super sir<bold>

vankadarinaraharinitheesh
Автор

Sir that alternative method is not working
can u suggest

ImSiddu
Автор

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

sangeetadammu
Автор

Sir do one live project with angular for us?

Автор

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: :6:- errorNG8002: can't bind the 'ngModel since it isn't a known property of 'input'

piyuushNawle
Автор

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

prayagvakharia