HTML CSS JAVASCRIPT PYTHON PYTHON2 JAVA C C++ C# SQL Excel Linux AI BOOTSTRAP PHP 教程库 参考手册 技术文章 测验 练习 HOWTO FAQ
❮ 上一节 下一节 ❯

Meteor - Tracker

Tracker 是一个小型库，用于在 Session 变量发生变化时自动更新模板。在本章中，我们将了解跟踪器的工作原理。

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

meteorApp.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。每当此对象发生变化时，模板都会自动更新。为了测试它，我们将设置一个用于更新的点击事件。

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

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

Meteor Tracker Log
❮ 上一节 下一节 ❯