Angular 17 Tutorial #27 - Two Way Data Binding | Angular 17 Tutorial For Beginners

angular 17 tutorial, angular 17 tutorial for beginners, angular 17 two way data binding, angular 17 standalone components, angular cli, angular 17 crud, angular 17 features, angular 17 full tutorial, angular 17 complete tutorial, angular 17 live project, angular 17 project, angular 17 crud tutorial, angular 17 best tutorial, angular 17, angular 17 signals, angular 17 defer, angular 17 components, angular 17 templates, angular 17 course, angular 17 full project, angular 17 ssr, angular 17 routing, angular 17 crash course

Angular 17 Tutorial, Angular 17 Tutorial For Beginners, Angular full tutorial, Angular learn angular applications, angular 17 crud, angular 17 live project, How to develop Angular Apps, Angular tutorials building and deploying Angular Apps, Building angular applications in Angular 17, Learn to build Angular 17 applications, Angular build and deploying applications, angular 17 building and deploying in Angular Apps, angular Apps build and deployment in Angular 17, 16, 15, 14, 13, 12, 11, 10, 6,7,8, 9, angular 8 example,

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

Angular 17 tutorial for beginners, angular 17 crash course, angular 17 tutorial for beginners step by step, angular tutorial for beginners 2024, angular tutorial 2024, 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.

[johnc]

Love the series! It would help if you would re-edit this video to make the audio louder. I could barely hear you with the volume at full blast. Thanks

[adnanoncevarlik]

I am learning with you, step by step in the Web Development area. Thanks bro. 🥰🥰🥰

[abhishekjadhav]

Sir hats off to you. You are simply an excellent mentor to new technologies.

[abhishekjadhav]

In the example you have used [ngValue] only in case of dropdown, however in other controls you have used only [value].When should I use [ngValue] over [value] ?

[andreacrinella]

Hi! Nice work, just one question, what is the difference between [value] and [ngValue] ?

[ThilrashAmeen]

Please share the Signals tutorial as well

[RahulShaw-vg]

Sir when can we see signals tutorials?

[charlotte-]

Thanks for this videos.
I would like to ask, maybe I didn't see the explication or wasn't attentive enough, but, how do you make the submit button ?

I was told to put this on the htmls' form :
<form action="submit" (ngSubmit)="onSubmit(f)" #f="ngForm">
<label> Titre </label>
<input type="text" name="title" [(ngModel)]="titleToAdd" required minlength="4" #title="ngModel">
<div *ngIf="title.invalid && (title.dirty || title.touched)">
<div Title needed </div>
<div title must be like this</div>
</div>
</input>
<button class="btn btn-primary" type="submit">
Envoyer
</button>
</form>

and this on the ts :
onAdd(form : NgForm){
const newNumber = + this.articleToAdd;
console.log("newNumber :" + newNumber) ;
}

And this in the ts file :
onSubmit() {
const newTitle = this titleToAdd ;
const newPrice = this.priceToAdd ;
}

But it doesn't work exactly as I want and I didn't understood how to send newTitle and newPrice to another component.
What is the difference beetwin the (click)="onAjouter()" function, if I put it in a button contained in my form ?

Sorry to ask such a basic question :\