knockout.js - else - knockout js data bind text

Cómo condicionalmente renderizar una clase css con knockoutjs

Question

Tengo algunos html como los siguientes:

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

Sin embargo, ifnot: $data.DealCodeIsValid , necesito ifnot: $data.DealCodeIsValid lo siguiente:

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

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

Answer 1

Algo como

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

Revisa aquí para mas información