Meteor - Tracker
Tracker là một thư viện nhỏ được sử dụng để tự động cập nhật các mẫu khi biến Phiên đã thay đổi. Trong chương này, chúng ta sẽ tìm hiểu cách thức hoạt động của trình theo dõi.
Đầu tiên, chúng tôi sẽ tạo button sẽ được sử dụng để cập nhật phiên.
meteorApp.html
<head>
<title>meteorApp</title>
</head>
<body>
<div>
{{> myTemplate}}
</div>
</body>
<template name = "myTemplate">
<button id = "myButton">CLICK ME</button>
</template>
Tiếp theo, chúng tôi sẽ đặt giá trị phiên bắt đầu myData và tạo ra một mySession vật. Tracker.autorun phương pháp được sử dụng để theo dõi mySession. Bất cứ khi nào đối tượng này thay đổi, mẫu sẽ tự động cập nhật. Để kiểm tra nó, chúng tôi sẽ thiết lập một sự kiện nhấp chuột để cập nhật.
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 ++);
}
});
}
Nếu chúng ta nhấp vào CLICK ME nút năm lần, chúng ta sẽ thấy rằng trình theo dõi đang ghi lại các giá trị mới mỗi khi phiên cập nhật.