zoukankan      html  css  js  c++  java
  • Meteor跟踪器(Tracker)

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

    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
  • 相关阅读:
    Jedis入门
    redis的安装
    redis概述
    020 SpringMVC返回Json
    019 数据绑定流程分析(校验)
    018 数据绑定流程分析(包括数据转换与格式化)
    maven添加插件,与maven打包
    定制库到maven库
    maven仓库
    Maven启动代理访问
  • 原文地址:https://www.cnblogs.com/h2zZhou/p/7389946.html
Copyright © 2011-2022 走看看