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 ,每当此对象更改时,模板都会自动更新。为了测试它,无涯教程将设置一个click事件进行更新。
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 ++); } }); }
如果单击五次单击无涯教程按钮,则每次会话更新时,跟踪器都会记录新值。
祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)