2013-01-03 9 views
58

क्या जेड टेम्पलेट में इस इनलाइन को करने का कोई तरीका है?जेड सशर्त (अगर/अन्य) कक्षा में div जोड़ने के लिए

if(typeof fromEdit != 'undefined') 
    div#demo.collapse.in 
else 
    div#demo.collapse 

इस सशर्त जाँच "इनलाइन" ऐसा करना चाहेंगे और परिणाम div के अंत तक .इन जोड़ना होगा अगर fromEdit मौजूद है।

+0

मैं इस 'एक (वर्ग = (Selectnav का उपयोग == 'MyProfile' && 'का चयन किया'), href = '...') ' –

उत्तर

91

यह काम करता है:

div#demo.collapse(class=typeof fromEdit === "undefined" ? "" : "in") 

इसे आजमाएं here

+0

यह निश्चित रूप से करता है! धन्यवाद! – jstevens13

+2

लेकिन यदि स्थिति गलत है तो आप तत्व को 'वर्ग' विशेषता भी नहीं लेना चाहेंगे .. – vsync

+0

अच्छी तरह से धन्यवाद। – yussan

74

यदि आप कोई मूल्य नहीं होने पर कक्षा विशेषता को जोड़ा जाना नहीं चाहते हैं, तो आप इसे खाली स्ट्रिंग के बजाय अपरिभाषित असाइन कर सकते हैं।

div#demo.collapse(class=typeof fromEdit === "undefined" ? undefined : "in") 

अपडेट:: यहाँ पिछले उदाहरण, थोड़ा संशोधित है इसके अलावा, अगर आप pug उपयोग कर रहे हैं, अब आप के रूप में कई class= घोषणाओं के रूप में आप चाहते हैं अलग शर्तों के साथ जोड़ सकते हैं और वे जिसके परिणामस्वरूप कक्षा में श्रेणीबद्ध मिलेगा विशेषता। उदाहरण के लिए:

#demo.collapse(class=cond1 && 'class1' class=cond2 && 'class2') 
+6

+1, और आईएमओ यह स्वीकार्य उत्तर होना चाहिए – Darkhogg

+1

बहुत अच्छा जवाब (+1) – Tom

+0

धन्यवाद! ठीक वही जो मेरे द्वारा खोजा जा रहा था। –

5

http://jade-lang.com/reference/attributes/ में प्रलेखित के रूप में:

वर्ग विशेषता [...] यह भी सही या गलत मूल्यों के लिए एक वस्तु मानचित्रण वर्ग के नाम, जो सशर्त वर्गों को लागू करने के लिए उपयोगी है हो सकता है

कार्य भी पालन करते हुए किया जा सकता है:

div#demo.collapse(class={ in: typeof fromEdit != 'undefined' }) 

हालांकि यह यहां काम नहीं करता है http://naltatis.github.com/jade-syntax-docs/ (मुझे लगता है कि उन्हें कुछ अपडेट करने की आवश्यकता है), लेकिन यह [email protected] के साथ काम करता है।

+0

यह जेड/पग के साथ जाने का तरीका है। यह ऑब्जेक्ट में एक और कुंजी जोड़ने के साथ, कई सशर्त वर्गों की अनुमति देता है। – webdif

2

हालांकि एक पुराने सवाल है, मुझे लगता है कि निम्नलिखित काम करता है में बनाया गया लगता है के बाद से पग वस्तु अस्तित्व का पता लगाने में शामिल हैं:

div#demo.collapse(class=fromEdit? 'in':undefined) 

यदि यह स्पष्ट नहीं है, यह जांच करता है कि fromEdit मौजूद है और अगर यह होता है वर्ग के रूप में in में प्रवेश करती है , अन्यथा कक्षा को खाली छोड़ दें।

div#demo(class="collapse", class={"in": typeof fromEdit !== 'undefined'}) Home page 

अधिक यहाँ:

संबंधित मुद्दे