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 中的附加类“错误”。有没有办法用knockoutjs做到这一点？

Answer 1

就像是

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

Check here for more info