Meteor - Tracker

Tracker è una piccola libreria utilizzata per l'aggiornamento automatico dei modelli una volta modificata la variabile Session. In questo capitolo impareremo come funziona il tracker.

Innanzitutto, creeremo un file button che verrà utilizzato per l'aggiornamento della sessione.

meteorApp.html

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

Successivamente, imposteremo il valore della sessione iniziale myData e crea un file mySession oggetto. Tracker.autorun metodo viene utilizzato per tenere d'occhio mySession. Ogni volta che questo oggetto cambia, il modello si aggiorna automaticamente. Per testarlo, imposteremo un evento clic per l'aggiornamento.

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 ++);
      }
   });
}

Se facciamo clic sul file CLICK ME cinque volte, vedremo che il tracker registra nuovi valori ogni volta che la sessione si aggiorna.