- 流星教程
- 流星 - 主页
- 流星 - 概述
- Meteor - 环境设置
- Meteor - 首次应用
- 流星 - 模板
- 流星 - 收藏
- 流星 - 形式
- 流星 - 活动
- 流星 - 会话
- 流星 - 追踪器
- 流星 - 套餐
- Meteor - 核心 API
- 流星 - 检查
- 流星 - 烈焰
- Meteor - 计时器
- 流星-EJSON
- 流星 - HTTP
- 流星 - 电子邮件
- 流星 - 资产
- 流星 - 安全
- 流星 - 排序
- 流星 - 账户
- Meteor - 方法
- 流星-Package.js
- Meteor - 发布和订阅
- 流星 - 结构
- 流星 - 部署
- Meteor - 在移动设备上运行
- 流星 - 待办事项应用程序
- Meteor - 最佳实践
- 流星有用资源
- 流星 - 快速指南
- 流星 - 有用的资源
- 流星 - 讨论
流星 - 追踪器
Tracker 是一个小型库,用于在会话变量更改后自动更新模板。在本章中,我们将了解跟踪器的工作原理。
首先,我们将创建一个用于更新会话的按钮。
流星App.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。每当该对象发生变化时,模板就会自动更新。为了测试它,我们将设置一个用于更新的点击事件。
流星App.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”按钮五次,我们将看到每次会话更新时跟踪器都会记录新值。