31. Syntaxe de liaison des données

NOTE: Cette session est composé uniquement de contenu textuelle.

32. Gérer les interactions des utilisateurs

L’interpolation est très pratique pour lier notre template et notre composant. Cependant, il existe d’autres manières de créer des liaisons entre les deux. L’interpolation a une particularité: elle pousse les données depuis le composant vers le template, mais pas dans le sens inverse. Nous allons voir comment gérer les autres types de liaison.

Du composant vers le template

Nous pouvons pousser plusieurs données depuis le composant vers le template. Voici les liaisons que nous pouvons mettre en place:

  1. Propriété d’élément: On utilise les crochets pour lier directement la source de l’image à la propriété someImageUrl du composant. 
  2. Propriété d’attribut: On lie l’attribut for de l’élément label avec la propriété de notre composant someLabelId. 
  3. Propriété de la classe: Fonctionnement similaire, pour attribuer ou non la classe special à l’élément div.
    Special
  4. Propriété de style: On peut également définir un style pour nos éléments de manière dynamique : ici on définit la couleur de notre bouton en fonction de la propriété isSpecial, soit rouge, soit vert. (C’est un opérateur ternaire que l’on utilise comme expression) Special

Du template vers le composant

Maintenant, si on souhaite lier des données dans l’autre sens, comment fait-on ? Nous verrons dans la prochaine vidéo comment gérer les interactions de l’utilisateur.

Nous verrons les liaisons bidirectionnelles dans le chapitre dédié sur les Formulaires.

32. Gérer les interactions des utilisateurs

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion /  Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion /  Changer )

w

Connexion à %s