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



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


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)_html