How to use meteor to append more html to a div? -


jquery में यह आसान है, $ ('# xiv')। संलग्न ('my html') लेकिन HTML और जावास्क्रिप्ट के मिश्रण के कारण यह गन्दा दिखता है

मैं इसे कैसे उल्का बना सकता हूँ?

आप अभी भी jQuery का उपयोग कर सकते हैं उल्का में

उल्का रास्ता एचटीएमएल के स्निपेट्स के साथ मैन्युअल रूप से अपने डिवों को बदलना नहीं है।

इसके बजाय, एक उल्का टेम्पलेट परिभाषित करें जो बताता है कि कैसे html को पुन: उत्पन्न करने के लिए अंतर्निहित डेटा के आधार पर एक पृष्ठ। फिर अपने ऐप को डेटा और इसके अद्यतनों में सदस्यता लें।

इस टेम्पलेट में शामिल हैं:

  & lt; टेम्पलेट नाम = "लीडरबोर्ड" & gt; & Lt; div वर्ग = "लीडरबोर्ड" & gt; {{#each खिलाड़ी}} {{& gt; खिलाड़ी}} {{/ प्रत्येक}} & lt; / div & gt; {{#if select_name}} & lt; div वर्ग = "विवरण" & gt; & Lt; div वर्ग = "नाम" & gt; {{selected_name}} & lt; / div & gt; & Lt; इनपुट प्रकार = "बटन" वर्ग = "inc" मान = "5 अंक दें" / & gt; & Lt; / div & gt; {{Else}} & lt; div वर्ग = "कोई नहीं" & gt; चुनें & lt; / div & gt; {{/ If}} & lt; / टेम्पलेट & gt;   

प्रथम लीडरबोर्ड के साथ div देखें।

{{# प्रत्येक खिलाड़ी}} एचटीएमएल की तरह नहीं दिखता है, क्या है?

'{{#each array}} एक टेम्पलेट निर्देश है जो एचटीएमएल को बंद करने का कारण बनता है {{/ प्रत्येक} } सरणी के ऊपर लूप में निष्पादित होने के लिए, इस मामले में खिलाड़ियों का सरणी।

{{& gt; खिलाड़ी}} कॉल करता है एक व्यक्तिगत प्लेयर के लिए टेम्पलेट

यहां कहा जा रहा है कि खिलाड़ी टेम्पलेट है। प्रत्येक खिलाड़ी के प्रत्येक टेप को प्रत्येक लूप में कहा जाता है और प्रत्येक विशेष प्लेयर के डेटा के साथ।

  & lt; टेम्पलेट नाम = "खिलाड़ी" & gt; & Lt; div वर्ग = "खिलाड़ी {{चयनित}}" & gt; & Lt; span class = "name" & gt; {{name}} & lt; / span & gt; & Lt; span class = "score" & gt; {{स्कोर}} & lt; / span & gt; & Lt; / div & gt; & Lt; / टेम्पलेट & gt; टेम्पलेट:   

इसके साथ ही एक जावास्क्रिप्ट की तरफ है, लेकिन यह लीडरबोर्ड उदाहरण और प्राथमिक उल्का डॉक्स में अच्छी तरह से कवर किया गया है।

Comments

Popular posts from this blog

java - ImportError: No module named py4j.java_gateway -

python - Receiving "KeyError" after decoding json result from url -

.net - Creating a new Queue Manager and Queue in Websphere MQ (using C#) -