如何使用 knockoutjs 有条件地渲染 css 类答案

【问题标题】：How to conditionally render a css class with knockoutjs如何使用 knockoutjs 有条件地渲染 css 类
【发布时间】：2012-06-16 09:05:21
【问题描述】：

我有一些像下面这样的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 做到这一点？

【问题讨论】：

【解决方案1】：

类似

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

【讨论】：