हैंडलबार्स सशर्त वर्ग विशेषता

Question

एम्बरजेएस/हैंडलबार्स का उपयोग करके, मैं तत्व में कक्षा कैसे जोड़ सकता हूं, केवल तभी यदि कोई शर्त सत्य है?

<div {{#if isSearching}}class="foo"{{/if}}></div> 

इसी तरह, लेकिन कम छद्म कोड और अधिक वास्तविकता।

Answer 1

यह काम नहीं करेगा, क्योंकि {{#if}} सहायक आपके HTML में टैग बनाएगा। इस के बजाय कार्य करें:

<div {{bind-attr class="isSearching:foo"}}></div> 

Answer 2

आप एक बूलियन शर्त के साथ {{bind-attr}} सहायक उपयोग करने के लिए है, तो आप read the guide about this कर सकते हैं।

आपके मामले में, अगर isSearching संपत्ति नियंत्रक में है, तो आप सिर्फ कर सकते हैं निम्नलिखित: http://jsfiddle.net/NQKvy/240/

Answer 3

{{bind-:

<div {{bind-attr class="isSearching:foo"}}></div> 

आप इस बेला में पूरे कोड देख सकते हैं attr}} deprecated है। आप एम्बर 1.10 और उससे ऊपर के नए निसर bound attribute syntax का उपयोग कर सकते हैं, जैसे:

<div class="{{if isSearching 'foo'}}"></div>