流星 - 追踪器


Tracker 是一个小型库,用于在会话变量更改后自动更新模板。在本章中,我们将了解跟踪器的工作原理。

首先,我们将创建一个用于更新会话的按钮。

流星App.html

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

接下来,我们将设置起始会话值myData并创建一个mySession对象。Tracker.autorun方法用于监视mySession。每当该对象发生变化时,模板就会自动更新。为了测试它,我们将设置一个用于更新的点击事件。

流星App.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 ++);
      }
   });
}

如果我们单击“CLICK ME”按钮五次,我们将看到每次会话更新时跟踪器都会记录新值。

流星追踪日志