Angular - 2.12 Qu'est-ce que le DataBinding

Dans notre première petite application basique, nous avons ajouté quelques composants et abordé beaucoup d'aspects clés d'une application Angular de base, tels que son démarrage et comment utiliser les composants, qui sont les éléments de base de toute application Angular. Cependant, jusqu'à présent, nous n'avons produit que du contenu statique, et le composant serveur que nous avons utilisé n'est pas super intéressant. Nous avons même vu cela plus en détail dans la première section de ce cours.

Maintenant, il est temps de changer cela pour afficher des données qui sont au moins dynamiques et qui ne sont pas codées en dur dans le modèle. C'est là que la liaison de données, ou DataBinding, entre en jeu. En effet, le DataBinding est la communication entre votre code TypeScript de votre composant, votre logique métier et le modèle, de sorte que ce que l'utilisateur voit corresponde à ce que vous avez récupéré d'un serveur ou calculé dans votre code TypeScript et que vous souhaitez afficher à l'utilisateur.

Il existe différents moyens de communication, comme l'interpolation de chaîne avec les doubles accolades pour exporter des données de notre code TypeScript dans le code HTML du modèle. Nous allons également regarder de plus près toutes les autres formes de liaison de données dans les prochains cours, afin d'apprendre comment cela fonctionne et comment les utiliser dans notre application.

D'un autre côté, si l'utilisateur interagit avec notre modèle en cliquant sur un bouton, par exemple, nous voulons pouvoir déclencher quelque chose dans notre code TypeScript. Ainsi, nous avons besoin de l'autre direction de communication, et nous pouvons réagir aux événements de l'utilisateur avec la liaison d'événements. Enfin, la liaison de données bidirectionnelle permet de combiner les deux directions, où nous sommes capables de réagir aux événements et de produire quelque chose en même temps. Nous verrons cela en détail dans les prochains cours.