ठीक है, चयन को भरने के लिए, आपको {{#each}} को नीचे चयन में बदलना चाहिए, इस तरह।
<select>
<option disabled selected>Choose option</option>
{{#each company}}
<option>{{category}}</option>
{{/each}}
</select>
क्योंकि अगर आप {{#each}}
डालते हैं <select>
. के शीर्ष पर टैग उल्का प्रत्येक कंपनी के लिए 1 चयन बनाएगी।
और कंपनी का हेल्पर एक साधारण return company.find();
. की तरह सरल होना चाहिए
अब यदि आप फ़िल्टर करना चाहते हैं, तो इसे पूरा करने के लिए कई विकल्प हैं, एक यह हो सकता है।
मुझे ReactiveDict(); का उपयोग करना पसंद है , इसलिए मैं इस उदाहरण पर उपयोग करूंगा।
इसे स्थापित करें meteor add reactive-dict
Template.example.onCreated(function(){
var self = this;
self.example = new ReactiveDict();
self.example.setDefault( 'valueToFilter' , null);
});
अब कुछ इवेंट जैसे change
. पर , निम्न कार्य करें।
Template.example.events({
'change select' : function( event, template ) {
var instance = Template.instance();
instance.example.set( 'valueToFilter' event.target.value ); //or use $('select').val() whatever you like to take the value;
}
})
अब परिणाम दिखाएं।
Template.example.helpers({
showSelectedValues : function(){
var instance = Template.instance();
return Companies.find( { name : instance.example.get( 'valueToFilter' )} );
}
})
इससे आपको एक बड़ी तस्वीर मिलनी चाहिए, शुभकामनाएँ!