Angular Model - The New Signal-Based 2-way Data Binding

🔥 Conscious Angular Testing for Beginners with 10%-OFF (For the First 10 Students):

Recently, Angular 17.2 was introduced, which brings a new API that enables deeper integration of Signals into Angular components. One of these new functions is a function `model`, which enables the 2-way data binding and which one I am going to cover in this video. You will learn why it is not a replacement for NgModel, how to migrate to the new Signal-Based 2-way-data binding, and how to adjust your unit tests after the migration.

🕒 Time Codes:
00:00:00 - Intro;
00:01:05 - Why model() != NgModel;
00:04:33 - Migration to model();
00:07:29 - Adjusting Unit Tests;
00:12:08 - Outro;

🔗 Source code from the tutorial:

💡 Short Frontend Snacks (Tips) every week here:

[DecodedFrontend]

🔥 Conscious Angular Testing for Beginners with 10%-OFF (For the First 10 Students):

💡 Short Frontend Snacks (Tips) every week here:

[amosisaila]

NOTE: model signals are writable from inside the component while the input() signals are a read-only. Great tuto!

[remrbvv]

Thank you for the nice explanation and demo. well appreciated

[smzhd]

Your channel is a treasure for angular developers. Keep it up bro. Respect infinity

[danielnaydenov]

I’ve been following your videos now for probably over a year, and must say, you are my go-to creator when it comes to deep diving in angular APIs and practices. Keep up the good work 🎉🌟

[mar_frontend]

Thank you for your explanation! From Georgia we're watching you! ☺

[johanheyvaert]

Your videos are fantastic. Thanks a lot! 🙂

[zhdanvadim]

Thank you!
I was expecting to hear the guitar playing at the end of the video)

[haroldpepete]

great video, you take my question to make this video, i need a tiny mention, jijijijiijijiji

[ramalakshmanans-gbxg]

Wow never knew this shorthand for two way binding in custom components

[dmitrys]

Hi! Thanks for the lessons=) Can yo make a video about nx?

[sohailansari]

please make an video:
I want some default value in @component decorator always, is there any way to create @customComponent decorator?

[georgeknap]

Any way how to make `setInput` function type safe? (or input name safe)

[codeSurvivor]

Thanks for the video, great as usual! I've never liked 2 way data binding, it looked in the Input/Output version as if the child component was being able to change the parent data, which from my POV, it's an anti-pattern. With the signals version it's actually modifying parent data since no output event is used anymore, and a writable signal is used... What do you think about that?

[TheZukkino]

Can we apply this to forms? There's a lack in signal-reactive form relationship

[gowrisankaranandhan]

I really appreciate your contributions towards angular community❤. I am looking forward to boost developers to concentrates more on design patterns. If time permits can you brief design patterns of formgroupDirective and I want to replicate the same design pattern

[MultiKumanosuke]

Hi can you please give some info about the last section of the course on testing because I am thinking about buying it <3

[rumonintokyo]

Angular is great for large scale application and highly maintable... I was wondering what would you suggest for an UI library for angular other than Angular material.

[across_the_rainbow_bridge]

Can someone tell me what is the benefit of using signals over behaviorSubjects?

[Billy_Herrington__]

А есть идеи почему у меня это все не работает? Падает с ошибкой Can't bind to textModel since it is not provided by any applicable directives. Буквально повторил все как на видео, кроме названия