Meteor跟踪器

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

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

以上是Meteor跟踪器的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>