2013-07-31 58 views
22

我想設置一個引導CSS類到if條件(直到綁定的值)的跨度。 我有一個列表中的isApproved字段,我希望當它的活動狀態和'標籤重要'類別在'label-success'類別的字段處於非活動狀態時我添加了這一行,但所有的時間第一類:使用敲除設置CSS條件如果條件

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

是否可能在html或我應該添加一個計算的字段在我的虛擬機?

+0

您可以添加您使用的代碼嗎? JS和HTML?最好在jsfiddle或其他東西。 –

回答

35

如果我理解你是對的,這是你正在尋找的綁定。

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

我希望它有幫助。

+0

謝謝,我沒有注意到()與isApproved屬性 – Wasim

27

您也可以使用三元運算符。例如:

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

謝謝,我沒有注意到()與isApproved屬性 – Wasim

+0

這是一個更優雅的解決方案。恭喜。 –

+0

重要的是使用這個解決方案:在我的情況下,'isApproved()'函數是昂貴的,不應該超過絕對必要的評估 – bkwdesign