खोज…


प्रतिक्रियाशील क्वेरी

उदाहरण कोड:

मेन। Html में

<template name="test">
     <input type="checkbox" id="checkbox1" name="name" value="data">Check Me
      {{showData}}
</template>

Main.js में

 var check_status='';
 //Reactive Var Initialization
 Template.main.onCreated(function (){
       check_status=new ReactiveVar({});
       
 });

 Template.main.helpers({
       showData : function(){
           return Collection.find(check_status.get());
       }
 });

 Template.main.events({
      "change #checkbox1" : function(){
              check_status.set({field: 'data'});
       }
 });

स्पष्टीकरण:

जब हम प्रतिक्रियाशील var check_status प्रारंभ करते हैं तो हम {} बराबर मूल्य निर्धारित करते हैं। हेल्पर में, रेंडरिंग के समय, उसी डेटा को क्वेरी Collection.find(check_status.get()) किया जाता है जो सभी डेटा को दिखाने के लिए उतना ही अच्छा है।

जैसे ही आप चेकबॉक्स पर क्लिक करते हैं, Template.main.events . check_status में वर्णित घटना चालू हो जाती है जो check_status के मान को {field: data} सेट करती है। चूंकि, यह एक प्रतिक्रियाशील showData , showData टेम्प्लेट को फिर से चलाया जाता है और इस बार क्वेरी का Collection.find({field: data}) है showData Collection.find({field: data}) , इसलिए केवल फ़ील्ड, जहाँ field मिलान किया गया 'data' वापस आ गया है।

इस आदेश का उपयोग करने से पहले आपको reactive var पैकेज ( meteor add reactive-var ) meteor add reactive-var



Modified text is an extract of the original Stack Overflow Documentation
के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
से संबद्ध नहीं है Stack Overflow