Meteor跟踪器(Tracker)

跟踪器是用于当模板会话变量发生了变化自动更新的一个小型库。
为了向你展示跟踪器是如何工作的,我们将创建按钮将用于更新会话。

meteorApp/import/ui/meteorApp.html

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

下一步,我们将设置启动会话 myData 的值,并创建Session 对象。Tracker.autorun方法用于持续关注 mySession 的值。每当这个对象的变化,该模板将自动更新。为了测试它,我们将设置单击事件进行更新。

meteorApp/client/main.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 按钮五次,我们将看到跟踪每一次日志新值会更新。
Meteor Tracker Log
posted @ 2017-08-18 15:33  h2z  阅读(325)  评论(0编辑  收藏  举报