handlebars.js - Simplest way to add one class or another -

-

हैंडलबार के साथ, एक {{# #] द्वारा प्रदान किए जाने वाले प्रत्येक तत्व को एक वर्ग या दूसरे को जोड़ने का सबसे सरल तरीका क्या है? प्रत्येक ...}} सहायक? मुझे साइट के लिए एक मौजूदा सीएसएस सेटअप के साथ एकीकृत करना होगा, जिसके लिए एक वर्ग या दूसरे को एक सूची में वैकल्पिक तत्वों को जोड़ने की आवश्यकता है।

उदाहरण सहायक: 

  {{# प्रत्येक आइटम}} & lt; div class = "{{यहाँ क्या है?}}" & Gt; ... & lt; / div & gt; {{/ प्रत्येक}

... जहां हम वर्ग के नाम के रूप में भी या अजीब चाहते हैं (हां, फिर, मुझे पता है कि यह सीएसएस के साथ किया जा सकता है; मैं एक मौजूदा साइट के सीएसएस के साथ एकीकरण कर रहा हूं जो इसके बजाय वैकल्पिक कक्षाओं का उपयोग करता है।)

< डिवा क्लास = "पोस्ट-टेक्स्ट" आइटमप्रॉप = "टेक्स्ट">

एक हैंडलेबर्स नौसिख के रूप में, मैं कुछ भी अंतर्निहित नहीं देख रहा हूं, लेकिन एपीआई एक सहायक को जोड़ने में आसान बनाता है जो आपको एक मनमानी से चयन करने देता है - आइटम की लम्बाई सूची, इस तरह: 

  हैंडलबार। रजिस्टरहाल्पर ('चक्र', फ़ंक्शन (इंडेक्स) {अनुक्रमणिका = अनुक्रमणिका% (arguments.length - 2); // 2 छोड़ने के लिए `इंडेक्स 'और अंतिम तर्क एचबी में वापसी तर्क जोड़ता है [सूचकांक 1];});

इसका प्रयोग करना होगा: 

  {{# प्रत्येक आइटम}} & lt; div class = "{{cycle @index 'even' 'अजीब '}} "& gt; ... & lt; / div & gt; {{/ प्रत्येक}  

  हैंडलबार। रजििस्टरहाल्पर ('चक्र', फ़ंक्शन (इंडेक्स) {अनुक्रमणिका = अनुक्रमणिका% (तर्क। लांघ - 2); / / -2 'सूचकांक' और अंतिम तर्क छोड़ने के लिए एचबी वापसी तर्क जोड़ता है [सूचकांक 1];}); Var आइटम = ["एक", "दो", "तीन", "चार", "पाँच"]; Var टेम्पलेट = हैंडलेबर्स.कॉइल (document.getElementById ("टेम्पलेट")। InnerHTML); Var html = टेम्पलेट ({आइटम: आइटम}); Document.body.insertAdjacentHTML ("पहले", html);  
  .even {color: blue; } .odd {color: green; }  
  & lt; script src = "// cdnjs.cloudflare.com/ajax/libs/handlebars जे एस / 2.0.0 / handlebars.min.js "& gt; & lt; / स्क्रिप्ट & gt; & Lt; स्क्रिप्ट id = "template" type = "text / x-handlebars-template" & gt; {{#each आइटम}} & lt; div class = "{{cycle @index 'भी' 'अजीब'}}" & gt; {{this}} & lt; / div & gt; या यदि मैं रोटेशन में तीन कक्षाएं चाहता / चाहती हूं:  
    {{# प्रत्येक आइटम}} & lt; div class = "{{cycle @index 'one' 'दो' 'तीन'}}" & gt; ... & lt; / div & gt; {{/ प्रत्येक}  
 
 
 
 
  हैंडलबार। रजििस्टरहाल्पर ('चक्र', फ़ंक्शन (इंडेक्स) {अनुक्रमणिका = अनुक्रमणिका% (तर्क। लांघ - 2); / / -2 'सूचकांक' और अंतिम तर्क छोड़ने के लिए एचबी वापसी तर्क जोड़ता है [सूचकांक 1];}); Var आइटम = ["एक", "दो", "तीन", "चार", "पाँच"]; Var टेम्पलेट = हैंडलेबर्स.कॉइल (document.getElementById ("टेम्पलेट")। InnerHTML); Var html = टेम्पलेट ({आइटम: आइटम}); Document.body.insertAdjacentHTML ("पहले", html);  
 
  .one {color: blue; }। दो {रंग: हरा; }। तीन {रंग: लाल; }  
 
  & lt; script src = "// cdnjs.cloudflare.com/ajax/libs/handlebars जे एस / 2.0.0 / handlebars.min.js "& gt; & lt; / स्क्रिप्ट & gt; & Lt; स्क्रिप्ट id = "template" type = "text / x-handlebars-template" & gt; {{#each आइटम}} & lt; div class = "{{cycle @index 'एक' 'दो' 'तीन'}}" & gt; {{this}} & lt; / div & gt; {{/ Each}}

Comments

Post a Comment

Popular posts from this blog

c# - SignalR: "Protocol error: Unknown transport." when navigating to hub -

-
Image
I am trying to use the ASP.NET signal for the first time - here's what I did: created a new web Has been added to the project and the following signal R packages: I have created the following category: [Hub-name ("chat")] Public class ChatHub: Hub {Public Zero Halo () {Clients.All.hello ( ); }} and the following startup configuration: public partial class startup {public zero configuration (IAppBuilder app) {configure (app); App.MapSignalR (); }} However, whenever I navigate localhost: (port) / api / signalr / chat I get the following error: Protocol error: Unknown transport. I am running a new browser and trying different people so remove it from the API / URL, and just use the localhost: (potter) / signaller / Chat
Read more

class - Kivy: how to instantiate a dynamic classes in python -

-
Using KV lang on my Python code, I have taken a hard time trying to instantiate a dynamic class, the following Consider the code: My test.kv file looks like this: & lt; MyPopup @ popup: Title: 'Hello' size_hunt: (1, .6) Grid layout: ID: RouteGrid column: 2 padding: ['8dp', '4dp', '8dp', '4dp'] Difference: '8dp' label: text: 'some text here' button: text: 'OK' On_press: do_something () & lt; MyGrid & gt;: Rows: 1 Button: Text: 'Show Popup' on_press: root.pop.show () Then import Kivy.app into my test.py: I get the following error: raise Factory Exception ('Uncount Class' '% name) kivy.factory.FactoryException: Unknown class Can anyone tell me how to do this properly, what do I remember? If you need more information please let me know Thank you. Takes a call to the factory before the KV file is loaded, so you want the class to Are not yet in existence. As long as no clas...
Read more

python - mayavi mapping a discrete colorbar on a surface -

-
Image
I want to change the color of the surface on the basis of another value (an ID) that is considered discrete (hence I In the simplified example given below, I have prepared a field with 3 different IDs: 0 / red on left 2 / blue 1 / green left But with the code below, I have some strange behavior on the border between red and blue (green Point) I think this is probably due to an interpolation! Code: import from import mlab np # np # my dataset -simplified-x, y, z = np.mgrid [-3: 3: 100] H, -3: 3: 100h, -3: 3: 100 h] value = NP. SQLT (x ** 2 + y ** 2 + z ** 2) # My color value: Volume is divided into 3 sub-versions taking colorvalues ​​with X = np.empty (values.shape) colorvalues [0:33,:,:] = 0 colorvalues ​​[33:66,:,:] = 2. Look [66:,:,:] = 1 src = mlab.pipeline.scalar_field (value) src.image_data.point_data.add_array (colorvalues.T.ravel ()) (1) .name = 'MyID' src.image_data. point_data.update src.image_data.point_data.get_array () # surface, contour = mlab.pipe...
Read more