2012-06-13 23 views
20

que tienen algo de HTML como el siguiente:el modo de hacer condicionalmente una clase CSS con knockoutjs

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

Sin embargo, ifnot: $data.DealCodeIsValid, tengo que hacer lo siguiente:

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

Nota de la clase adicional " error "en el div. ¿Hay alguna manera de hacer eso con knockoutjs?

Respuesta

32

Algo así como

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

Check here for more info

+0

me encontré con que unos 10 minutos después de la publicación de esta. Gracias @jon. – devlife

+3

@devlife afortunadamente jon publicó esto 8 minutos después de haberlo pedido, por lo que ahorró 2 minutos. :PAG – Andrew

Cuestiones relacionadas