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
  • 相关阅读:
    作用域面试题
    js··BOM 浏览器对象模型
    js···DOM2动态创建节点
    js ·节点的知识点
    js·逻辑运算
    js···元素的属性
    什么是函数封装。
    hive 历史拉链表的处理
    [转]实现Hive数据同步更新的shell脚本
    python 3 过滤股票
  • 原文地址:https://www.cnblogs.com/h2zZhou/p/7389946.html
Copyright © 2011-2022 走看看