[Angular v21] 7- Signal Forms – transformedValue : gérer proprement la transformation de valeur

Dans cette vidéo, nous découvrirons la fonction transformedValue, une nouvelle fonction utilitaire introduite avec Angular Signals Forms dans la version 21.2, qui permet de transformer facilement la valeur affichée à l’utilisateur en valeur utilisée par l’application, et inversement, dans un custom form control.

Comme nous le verrons, cette fonction permet de se passer des synchronisations manuelles complexes avec linkedSignal et effect.
Elle permet de parser et de formatter les données proprement, tout en gérant les erreurs de transformation.

Nous mettrons son utilisation en pratique en refactorisant une implémentation existante d’un date picker, qui utilisait auparavant des linkedSignal et des effect pour assurer la synchronisation des données.
Prérequis :
- Signal Forms ( https://youtu.be/452hcBDOv2w )
- Signal Forms - Custom Control ( https://youtu.be/6yWfwir-pX8 )
Contenu :

00:00 Introduction
01:47 Remise en contexte – compréhension de l’existant
06:22 transformedValue – format
13:18 Utiliser la valeur transformée dans le template
19:43 Mise à jour de la valeur transformée
25:56 transformedValue – parse
32:00 transformedValue – parse et gestion des erreurs de parsing
36:10 Nettoyage de la synchronisation manuelle
37:44 Correction du bug de sélection de la valeur par défaut du mois

Видео [Angular v21] 7- Signal Forms – transformedValue : gérer proprement la transformation de valeur канала Dev Propulsor