Как условно отобразить класс css с knockoutjs

У меня есть несколько html, например:

<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>

Обратите внимание на дополнительный класс "error" в div. Есть ли способ сделать это с помощью knockoutjs?

Ответы

Ответ 1

Что-то вроде

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

Подробнее здесь