मैं knockout.js में सशर्त बाध्यकारी कैसे बना सकता हूं?

Question

मैं इस एक कोशिश की:

<div data-bind="attr: {class: itemSelected? 'selected' : 'unselected' }"></div> 

लेकिन यह काम नहीं करता है :)

Answer 1

मान लिया जाये कि आप इस है:

function viewModel() { 
    this.itemSelected = ko.observable(true); 
} 
ko.applyBindings(new viewModel());​ 

एक() जोड़े के बाद itemSelected के वर्तमान मूल्य प्राप्त करने के लिए ध्यान देने योग्य है कि आप टर्नरी ऑपरेटर के साथ उपयोग कर सकते हैं:

<div data-bind="attr: { class: itemSelected() ? 'selected' : 'unselected' }"></div>​

http://jsfiddle.net/RK7Ty/

---

आप इस के बजाय कर सकता है आप गैर चयनित राज्य के लिए नहीं चुना जाता वर्ग को निर्दिष्ट करना नहीं दिए थे:

<div data-bind="css: { selected: itemSelected }"></div>​ 

http://jsfiddle.net/RK7Ty/1/

Answer 2

मेरे लिए काम किया के बाद, मैं दोनों सीएसएस और आईडी विशेषताओं का उपयोग कर रहा था, मेरे लिए यह काम नहीं करता है अगर सीएसएस विशेषता पहली नहीं है, तो सीएसएस विशेषता को अपनी मुट्ठी के रूप में रखें।

<div class="panel-collapse collapse" data-bind="css:{in:$index()==0}, attr: { id:'collapse'+$index()} "> 

... 
... 
... 

</div>