آموزش ردیاب در Meteor
آموزش ردیاب در Meteor
در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش ردیاب در Meteor خواهیم پرداخت.
Tracker یک کتابخانه کوچک است که برای به روزرسانی خودکار الگوها پس از تغییر متغیر Session استفاده می شود. در این فصل ، نحوه کار ردیاب را یاد خواهیم گرفت.
ابتدا دکمه ای ایجاد می کنیم که برای به روزرسانی جلسه استفاده می شود.
meteorApp.html
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<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
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
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 کلیک کنیم ، می بینیم که ردیاب هر بار که جلسه به روز می شود ، مقادیر جدیدی را ثبت می کند.
دیدگاه شما