Angular 17 - Model Inputs - Two way data binding

Angular 17.2 introduced a lot of cool features and introduced a few more signal APIs. One of which is Angular Model Inputs. These are inputs that have two-way data binding and bridge the gap of having easy two-way communication between the parent and child components. Usually called the two-way data binding in Angular. In the video, we will convert an existing app that uses the `Input` and `Output` decorators from Angular to use the new `model()` method instead which returns a `ModelSignal`.

Time Codes:
00:00:00 - Introduction
00:00:28 - Shameless plug
00:00:42 - App overview
00:02:38 - Migrating to use the model() input instead
00:05:09 - Bonus: migrating the whole app to signals

Code link

Remember to like, comment, and subscribe if you found this video helpful. Don't forget to hit the bell icon for more updates on Angular.

Get the new Angular Cookbook (2nd edition) from:

Follow the courses on the site without distractions:

Become a cybersecurity specialist (US citizens and Green Card holders of 18 years above only):

Become a supporter :

Join the CodewithAhsan community:

Sign up for updates about the course:

Already an experienced dev? Watch my '4 full stack projects' video:

You can also find me on:

#FullStack #TypeScript #Angular #WebDevelopment #CodingTutorial #codewithahsan

[JeudryPeñaPeña]

WOW DUDE, FINALLY NO MORE OUTPUTS SPAM

[WeAreMuslim]

Thanku so much,
Bhai angular pe full series upload karein with projects in urdu /hindi 🙏🙏

[immortallman]

i still don't understand binding - still know nothing about this. wasted 8 mins.