Meteor跟蹤器 - tw511教學網

跟蹤器是用於當模板對談變數發生了變化自動更新的一個小型庫。

為了向你展示跟蹤器是如何工作的，我們將建立按鈕將用於更新對談。

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 按鈕五次，我們將看到跟蹤每一次紀錄檔新值會更新。