流星-トラッカー

トラッカーは、セッション変数が変更されるとテンプレートを自動更新するために使用される小さなライブラリです。この章では、トラッカーの仕組みを学びます。

最初に、セッションの更新に使用される*ボタン*を作成します。

meteorAppl

<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 を監視するために使用されます。このオブジェクトが変更されるたびに、テンプレートは自動更新されます。テストするために、更新用のクリックイベントを設定します。

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 ++);
      }
   });
}

[CLICK ME]ボタンを5回クリックすると、セッションが更新されるたびにトラッカーが新しい値を記録していることがわかります。

流星追跡ログ

Meteor-tracker

流星-トラッカー

meteorAppl

meteorApp.js