एक नेस्टेड {{#each}} में बाहरी गुणों तक कैसे पहुंचें? - जावास्क्रिप्ट, उल्कापात, उल्का-पिंड, स्पेसबार

मेरे पास है एक {{#each}} एक चालक द्वारा बनाए जाने वाले स्टॉप की सूची के माध्यम से चलने वाले ब्लॉक। प्रत्येक स्टॉप के पास एक चयनित रन होना आवश्यक है और चयन दूसरे संग्रह से आ रहा है। इसलिए मेरे पास दूसरे में चयन है {{#each}}.

अब मुझे प्रोग्रामेटिक रूप से यह जांचने की आवश्यकता है कि क्या ड्राइवर को इस विशेष स्टॉप के लिए पहले से ही db में चुना गया था क्योंकि चयन चल रहा है और इसे चुना गया है।

मेरी समस्या यह है कि मुझे बाहरी से जानकारी प्राप्त करने की आवश्यकता है {{#each}} आंतरिक में तुलना करने के लिए {{#each}}.

नीचे कोड है जो मेरे पास है लेकिन जब मैं इसे चलाता हूं stopNum है undefined.

यहाँ किसी भी मदद की बहुत सराहना की है।

<td class="text-left">
{{#if notEquals stopNum 0}}
<select class="form-control driverName clearForm" id="driverName{{stopNum}}" name="driverName{{stopNum}}">
<option value="" ></option>
{{#each drivers}}
{{#if dispatchDriverSelected driversName stopNum}}
<option value="{{driversName}}" selected>{{driversName}}</option>
{{else}}
<option value="{{driversName}}">{{driversName}}</option>
{{/if}}
{{/each}}
</select>
{{/if}}
</td>

उत्तर:

अंदर #eachसंदर्भ वर्तमान तत्व पर सेट है।

यदि आप एक बाहरी वस्तु / संपत्ति प्राप्त करना चाहते हैं, तो आप माता-पिता के संदर्भ का उपयोग करके प्राप्त कर सकते हैं .. टेम्पलेट कोड में या का उपयोग कर Template.parentData(numLevels) सहायकों में:

{{#each drivers}}
{{#if dispatchDriverSelected driversName ../stopNum}}
<option value="{{driversName}}" selected>{{driversName}}</option>
{{else}}
<option value="{{driversName}}">{{driversName}}</option>
{{/if}}
{{/each}}

ये रहा एक सरल उदाहरण:

टेम्पलेट संरचना:

<template name="example">
{{#with datum}}
<div class="wrapper">
{{outer}}
<div class="items">
{{#each inner}}
<div class="inner">
{{prop}} {{someFunc ../outer}}
</div>
{{/each}}
</div>
</div>
{{/with}}
</template>

सहायकों:

Template.example.helpers({
datum() {
return {
outer: "outer 1",
inner: [{
prop: "inner 1"
},{
prop: "inner 2"
}]
}
},
someFunc(datum) {
return `processed ${datum}`;
}
});

रेंडर करने के लिए:

<div class="wrapper">
outer 1
<div class="items">
<div class="inner">
inner 1 processed outer 1
</div>

<div class="inner">
inner 2 processed outer 1
</div>

</div>
</div>