2012-06-13 60 views
20

我有一些HTML類似如下:如何有條件地呈現與knockoutjs CSS類

<div class="control-group"> 
    <input type="text" data-bind="value: $data.DealCode" name="DealCode" class="input-mini" /> 
</div> 

然而,ifnot: $data.DealCodeIsValid,我需要呈現如下:

<div class="control-group error"> 
    <input type="text" data-bind="value: $data.DealCode" name="DealCode" class="input-mini" /> 
</div> 

注意額外類「錯誤「在div中。有沒有辦法做到這一點與knockoutjs?

回答

32

喜歡的東西

<div data-bind="css: {'control-group': true, error: (!$data.DealCodeIsValid)}"> 

Check here for more info

+0

我發現這張貼後約10分鐘。謝謝@jon。 – devlife

+3

@devlife謝天謝地,jon在你問了8分鐘後發佈了這個消息,所以你保存了2分鐘。 :P – Andrew