Meteor-トラッカー
Trackerは、Session変数が変更された後にテンプレートを自動更新するために使用される小さなライブラリです。この章では、トラッカーがどのように機能するかを学習します。
まず、作成します button これは、セッションの更新に使用されます。
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。このオブジェクトが変更されるたびに、テンプレートは自動更新されます。それをテストするために、更新するためのクリックイベントを設定します。
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回押すと、セッションが更新されるたびにトラッカーが新しい値をログに記録していることがわかります。
