एक स्थिति के साथ सीएसएस वर्ग सेट करने के लिए knockout का उपयोग

Question

मैं एक शर्त के साथ बूटस्ट्रैप सीएसएस कक्षा को एक शर्त के साथ सेट करना चाहता हूं (बाध्य मूल्य तक)। मैं किसी सूची में isApproved क्षेत्र है, मैं 'लेबल-सफलता' वर्ग के साथ क्षेत्र देखना चाहते हैं जब अपनी सक्रिय और 'लेबल महत्वपूर्ण' वर्ग जब इसकी निष्क्रिय

मैं इस लाइन जोड़ा है, लेकिन हर समय अपने लेने प्रथम श्रेणी:

data-bind="text: isApproved, css: isApproved = 'true' ? 'label label-important' : 'label label-important'" 

यह html में संभव है या मैं अपने वी एम पर एक गणना क्षेत्र जोड़ना चाहिए?

Answer 1

यदि मैं आपको सही समझता हूं, तो यह बाध्यकारी है जिसे आप ढूंढ रहे हैं।

data-bind="text: isApproved, css: { 
    'label' : true, 
    'label-success' : isApproved(), 
    'label-important': !isApproved() 
}" 

मुझे आशा है कि इससे मदद मिलती है।

Answer 2

आप हमें एक टर्नरी ऑपरेटर भी बना सकते हैं। उदाहरण के लिए:

<span class="label" data-bind="text: isApproved, css: isApproved() == true ? 'label-success' : 'label-important'"></span>