Meteor - Tracker

Tracker é uma pequena biblioteca usada para atualização automática de modelos, uma vez que a variável de sessão foi alterada. Neste capítulo, aprenderemos como o rastreador funciona.

Primeiro, vamos criar um button que será usado para atualizar a sessão.

meteorApp.html

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

Em seguida, definiremos o valor da sessão inicial myData e criar um mySession objeto. Tracker.autorun método é usado para ficar de olho mySession. Sempre que este objeto for alterado, o modelo será atualizado automaticamente. Para testá-lo, definiremos um evento de clique para atualização.

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 clicarmos no CLICK ME botão cinco vezes, veremos que o rastreador está registrando novos valores toda vez que a sessão é atualizada.