Meteor - Traqueur

Tracker est une petite bibliothèque utilisée pour la mise à jour automatique des modèles une fois que la variable Session a changé. Dans ce chapitre, nous allons apprendre comment fonctionne le tracker.

Tout d'abord, nous allons créer un button qui sera utilisé pour mettre à jour la session.

meteorApp.html

<head>
   <title>meteorApp</title>
</head>
 
<body>
   <div>
      {{> myTemplate}}
   </div>
</body>
 
<template name = "myTemplate">
   <button id = "myButton">CLICK ME</button>
</template>

Ensuite, nous définirons la valeur de la session de départ myData et créez un mySession objet. Tracker.autorun méthode est utilisée pour garder un œil sur mySession. Chaque fois que cet objet change, le modèle se met à jour automatiquement. Pour le tester, nous allons définir un événement de clic pour la mise à jour.

meteorApp.js

if (Meteor.isClient) {
  
   var myData = 0
   Session.set('mySession', myData);

   Tracker.autorun(function () {
      var sessionData = Session.get('mySession');
      console.log(sessionData)
   });

   Template.myTemplate.events({

      'click #myButton': function() {
         Session.set('mySession', myData ++);
      }
   });
}

Si nous cliquons sur le CLICK ME bouton cinq fois, nous verrons que le tracker enregistre de nouvelles valeurs à chaque mise à jour de la session.