knockout.js - knockoutjs で css クラスを条件付きでレンダリングする方法

Question

次のような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>

div の追加のクラス「エラー」に注意してください。ノックアウトjsでそれを行う方法はありますか?

Answer 1

何かのようなもの

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

詳細については、ここを確認してください