Demystifying Angular Two Way Binding (2023)

Показать описание

In this video, I will try to demystify Two way binding in Angular, so you will get a solid understanding of how it is really working. At the end of the video, you will be able to create two-way data binding also for any property of your custom components. I hope you will learn something new from this video and if so, please don't hesitate to share this video with your colleagues and friends.

💥 Become a PRO with my in-depth Angular Forms Course💥

Discussion about use cases for two-way binding:

🕒 Time Codes:
00:00:00 - Intro;
00:00:31 - What the Two-way binding actually is;
00:04:02 - How to become an Expert in Angular Forms;
00:05:00 - How to implement Two-Way binding for custom components;
00:09:51 - Use cases;
00:10:56 - Outro;

🔗 Project Code on GitHub:
(the initial app state in the "main" branch)

💡 Short Frontend Snacks (Tips) every week here:

Рекомендации по теме

Комментарии

💥 Learn Angular Forms in-depth and start building complex form controls with ease💥

💡 Short Frontend Snacks (Tips) every week here:

DecodedFrontend

Best Angular youtuber out there! Thanks

gasparsantillan

Simple, straightforward and usefull. Congratulations Dmytro!

edsonandrade

Didn't know that, liked but didn't subscribed because I have already!
Thank you so much for these detailed, advanced videos!

devvratsingh

When you are implementing a custom form component you always need a way to sync your data model value with your component internal value (usually called view value) and that's when 2way binding comes very handy in Angular.
I always miss it when I work with other frameworks where there is no syntax sugar for 2way binding.

Thanks for this video, even tho I knew this, I'm sure for a lot of people it comes as a surprise that 2way binding isn't actually ~~evil~~ what they thought it is lol

gund_ua

Great content!! did you consider record video about micro frontend architecture in angular? It should be very interesting :)) best regards

slimhannya

great video, i've learned some angular msterial from you than angular official documentation, you go deep in every topic, thanks

haroldpepete

Thanks for another useful video, Dmytro) p.s custom component's name made me laugh a lot)))

gagosimonyan

Hey Dmytro,
I'm your fan from Vietnam and I have been following you since I started learning angular.
Can you make a series about Change detection in Angular.

phutranminh

Thank you for nice explanation, can you please create a video on DOM sanitization in angular.

kailashpatisinghdeora

Love you bro, your videos are too good, it helped me a lot

Chantimedidi

Hi!! greetings from Colombia!! you videos are excellent and help me a lot to improve my code a 100% Would be nice if you start teaching IONIC with angular!!! Thanks for exists bro!

AntonioSantana-llil

Could be used to invoke some child component method instead of accessing the method name directly in parent template and having the method exposed as public. For example.. "export". Make it a boolean property with false value and whenever you want to invoke it just switch it to true. It will internally do its magic and then switch back to false. What do you think?

georgeknap

Can u create a custom datepicker and implement the pricing within datepicker.. Like Flight booking datepicker..

ZeeshanAli-jths

hi dmytro,
can you make a video to combine two angular application into one like app a is injected into app b

kumarvadivel

What's up with the component name! 🤣

Thank you for the video!!

p.s

With arrays it would work different right? I had a pretty bad mind fuck when I had was passing a form group with formarray to a child component. Pushing to the array wouldn't reflect the changes since the change detection is reference based? I still do not fully understand it tho.

VirtueelGamingNL

Please put angular crud operations. And build demo e-commerce website video bro please put bro

-manikandan

please make a video regarding change detection strategy in your chanel clearly pls

NaveenKumar-muee

Hi Dmytro!
Will you be releasing your courses in platforms like udemy ?

anoopg

Demystifying Angular Two Way Binding (2023)

Demystifying Angular Two Way Binding (2023)

Demystifying #angular Two-Way Data Binding in 1 minute #shorts

Angular NgModel Two Way Data Binding with Example

Angular - Custom Two-Way Binding

Angular For Beginners - 4. Two-Way Binding

#18 Two way Data Binding | Angular Components & Directives | A Complete Angular Course

NgModel Angular and ngModelChange - One and Two Way Data Binding

How to create your own two-way data bindings with custom components in Angular

Basic Two way binding in angular | Two way binging in angular

2 way binding - Angular Tutorial Italiano 10

Two way data binding | Data Binding | Angular 12+

Data Binding in Angular | One way Two way Data Binding

One way vs Two way data binding.

two way binding angular Problem

Demystifying Angular Component Types: Everything You Need to Know #angular

21. Two-way Data Binding in Angular

angular two way binding

Two way Binding in Angular 16 [(ngModel)] by @uxtrendz #12 (2023)

Angular two way binding #shorts #angular by@uxtrendz

two way data binding in angular | two way data binding in angular 8

Demystifying Angular A Quick Guide

How to Use Two-Way Data Binding in AngularJS, Angular Tutorial

7. Premiere Application Angular - Two Way Binding (Liaison des donness bilaterale)

What is Two-way Binding in Angular? 🤔 Angular Interview Q&A #angular #shorts #interview