Meteor跟踪器(Tracker)

最新推荐文章于 2024-05-16 09:47:06 发布

weixin_30421809

最新推荐文章于 2024-05-16 09:47:06 发布

阅读量721

点赞数

原文链接：http://www.cnblogs.com/h2zZhou/p/7389946.html

版权

跟踪器是用于当模板会话变量发生了变化自动更新的一个小型库。

为了向你展示跟踪器是如何工作的，我们将创建按钮将用于更新会话。

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 按钮五次，我们将看到跟踪每一次日志新值会更新。