Essai de data-binding bidirectionnel

Récupérez le fichier exo52vide.html.

1. En utilisant le data-binding bidirectionnel, affichez dans le premier paragraphe le dernier produit entré et sa quantité, sous la forme "Produit : Sucre, dont il faut 1 boîte. (les contenus en police à espacement fixe sont récupérés des champs de formulaire).

2. Au click sur le bouton, ajouter au modèle un nouvel élément en se basant sur les champs de formulaire. Afficher aussi dans le premier paragraphe le nombre d'éléments à acheter, et dans la liste ces éléments, de manière à obtenir visuellement, au chargement de la page :

   Liste de ce qu'il faut : 6 trucs.

   • Café : 1 boîte.
   • Thé : 2 boîte.
   • Chocolat : 1 boîte.
   • Confiture de fraise : 1 pot.
   • Confiture d'abricot : 1 pot.
   • Pain : 1 baguette.

   Cette liste doit bien entendu être complétée automatiquement avec le formulaire.

3. Créez une directive qui va écrire dans le dernier paragraphe "Il ne faut pas oublier ceci :" et compléter la phrase par le dernier item de la liste.