मेरे पास एक सहायक फ़ंक्शन है जो ऑब्जेक्ट्स की सरणी लौटा रहा है और एरे के प्रत्येक ऑब्जेक्ट में प्रमुख प्रकाशक हैं जो कि ऑब्जेक्ट्स वाली कुंजी है। प्रत्येक कुंजी में फिर से एक ऑब्जेक्ट होता है।
priceData:function(){
var colection=[
{contract:"nn",publishers:{GVM:{ask:1,bid:2},SET:{ask:6,bid:3}}},
{contract:"BB",publishers:{GVM:{ask:11,bid:99},SET:{ask:23,bid:34}}}
]
return colection
}
अब टेम्पलेट में मैं इसे इस तरह उपयोग करने की कोशिश कर रहा हूं
<table class="table">
<tbody>
{{#each priceData}}
<tr>
{{#with publishers}}
<td>{{ask}}</td>
<td>{{bid}}</td>
{{/with}}
</tr>
{{/each}}
</tbody>
</table>
क्या मैं # नीच का # उपयोग कर सकता हूँ क्योंकि यह इस तरह की त्रुटि देता है। यदि नहीं, तो मैं इस तरह की संग्रह जानकारी को किसी तालिका में कैसे दिखा सकता हूं?
उत्तर:
जवाब के लिए 2 № 1इसमें कोई समस्या नहीं है each
तथा with
, आप उन्हें और घोंसले को अपनी इच्छा से जोड़ सकते हैं। ध्यान रखने वाली बात केवल यही है प्रसंग: प्रत्येक ब्लॉक संदर्भ में गहरा जाता हैलेकिन एक ही पल में बाहरी संदर्भों को एक्सेस करने की अनुमति देता है (जो मैं व्यक्तिगत रूप से "टी सिफारिश" नहीं करता हूं। इसलिए यदि आप सभी टाइपो को हटा दें और इस तरह से पूरे कोड का उपयोग करें:
<table class="table">
<tbody>
{{#each priceData}}
<tr>
{{#with publishers}}
<td>{{ask}}</td>
<td>{{bid}}</td>
{{/with}}
</tr>
{{/each}}
</tbody>
</table>
तब सब ठीक हो जाएगा। लेकिन सुनिश्चित करें कि इस कोड के साथ डेटा संरचना मेल खाती है। लेकिन यह doesn "टी।
आपको जिस चीज़ की आवश्यकता है, वह एक्सेस करना है ask
तथा bid
अंदर publishers
या तो के माध्यम से GVM
या SET
। आइए दिखावा करते हैं कि आपको पूर्व की आवश्यकता है:
<table class="table">
<tbody>
{{#each priceData}}
<tr>
{{#with publishers}}
<td>{{GVM.ask}}</td>
<td>{{GVM.bid}}</td>
{{/with}}
</tr>
{{/each}}
</tbody>
</table>
चलो चित्र को स्पष्ट करने के लिए पूरे कोड को डिकंस्ट्रक्ट करते हैं।
जब आप उपयोग करते हैं
{{priceData}}
फिर आप सहायक को क्या कहते हैं, के लिए लिंक करते हैं।
[{
contract: "nn",
publishers: {
GVM: {
ask: 1,
bid: 2
},
SET: {
ask: 6,
bid: 3
}
}
}, {
contract: "BB",
publishers: {
GVM: {
ask: 11,
bid: 99
},
SET: {
ask: 23,
bid: 34
}
}
}]
इसलिए जब आप उपयोग करें
{{#each priceData}}
...
{{/each}}
आप सहायक के संदर्भ में गोता लगाते हैं और सरणी के आइटम पर पुनरावृति करते हैं। उदाहरण के लिए, पहला वाला होगा
{
contract: "nn",
publishers: {
GVM: {
ask: 1,
bid: 2
},
SET: {
ask: 6,
bid: 3
}
}
}
आगे आप क्या करते हैं
{{#with publishers}}
...
{{/with}}
सरणी के पहले आइटम के लिए संदर्भ है
GVM: {
ask: 1,
bid: 2
},
SET: {
ask: 6,
bid: 3
}
और दूसरे के लिए है
GVM: {
ask: 11,
bid: 99
},
SET: {
ask: 23,
bid: 34
}
फिर आप "कोशिश कर रहे हैं
{{ask}}
और यह वह जगह है जहाँ आपका कोड विफल रहता है क्योंकि वहाँ कोई नहीं है ask
वर्तमान संदर्भ में संरचना की संपत्ति। लेकिन गुण हैं GVM
तथा SET
। इसलिए आप इसे पसंद करें और इसका उपयोग करें:
{{GVM.ask}}
आशा करता हूँ की ये काम करेगा।