Demystifying Angular Two Way Binding (2023)
HTML-код
- Опубликовано: 19 июл 2024
- 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💥
🔗 10% discount for the first 10 students - bit.ly/advanced-ng-forms-disc...
Discussion about use cases for two-way binding:
🔗 / 1610983008009584640
🕒 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:
github.com/DMezhenskyi/angula...
(the initial app state in the "main" branch)
🙌 Support Dmytro bit.ly/donate-to-decoded-fron...
💡 Short Frontend Snacks (Tips) every week here:
Twitter - / decodedfrontend
Instagram - / decodedfrontend
LinkedIn - / dmezhenskyi 
Хобби
💥 Learn Angular Forms in-depth and start building complex form controls with ease💥
🔗 10% discount for the first 10 students - bit.ly/advanced-ng-forms-discounted
💡 Short Frontend Snacks (Tips) every week here:
Twitter - twitter.com/DecodedFrontend
Instagram - instagram.com/decodedfrontend
LinkedIn - www.linkedin.com/in/dmezhenskyi
Best Angular youtuber out there! Thanks
Glad to hear that, thank you :)
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
Great content!! did you consider record video about micro frontend architecture in angular? It should be very interesting :)) best regards
Simple, straightforward and usefull. Congratulations Dmytro!
Didn't know that, liked but didn't subscribed because I have already!
Thank you so much for these detailed, advanced videos!
Thank you for staying with me :) I am glad that you learned something new from this video.
great video, i've learned some angular msterial from you than angular official documentation, you go deep in every topic, thanks
Love you bro, your videos are too good , it helped me a lot
Thank you very much!
another good one ty!
as usual the best!
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.
Very nice video
Thank you for nice explanation, can you please create a video on DOM sanitization in angular.
Thank you Sir
Best!
Thanks for another useful video, Dmytro) p.s custom component's name made me laugh a lot)))
😁 nice! A bit of humor is always good.
What's up with the component name! 🤣
Thank you for the video!!
Haha 😁 Thanks for your comment.
also spoted this CounterFuckounterComponent 🤣
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!
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?
Can u create a custom datepicker and implement the pricing within datepicker.. Like Flight booking datepicker..
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.
hi dmytro,
can you make a video to combine two angular application into one like app a is injected into app b
Do you mean module federation?
@@DecodedFrontend yes
Yes
Please put angular crud operations. And build demo e-commerce website video bro please put bro
🎉🎉🎉🎉🎉🎉
Hi Dmytro!
Will you be releasing your courses in platforms like udemy ?
Hi,
Thank you for your question. No, all my courses will be hosted exclusively on my platform.
@@DecodedFrontend
@@DecodedFrontend Requesting you to please consider introducing regional prices for your courses. For most people in south Asia and Africa region, course prices are too expensive and hard to afford.
Thank you
how i can twoway databinding parameter inside ngif? anybody know?>
Hey , can you suggest how to improve on html5 css scss skills, I am pretty good with Angular thanks to this channel but still lagging in template design
@KevinPowell is so-called CSS guru. You should take a look at his channel.
@@daniel-nagy Thank you, will check that
I was just about to advise Kevin’s channel as well😄 Thanks @daniel-nagy
please make a video regarding change detection strategy in your chanel clearly pls
Thank you for the suggestion 🙌🏻
Do you have a udemy account for your courses ?
Hi sir, i have a question. Can you help me? If you can, thanks you verymuch. Yah, i just have 1 component include 1 html and ts file. In ts file, i create 1 variable like test. and show it to view. But when i catch event and change value of test variable by call setTimeout or something like HttpRequest. This variable in view weren't updated Athough in ts file this was?? it have asynchronous work between ts file and html file. :((
look for pipe async in angular docs, I guess it's what you need to use with variable in your html file
Is that component name supposed to be funny? Just seems trashy and unnecessary.