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

2024-01-28

我有一些像下面这样的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 中的附加类“error”。有没有办法用knockoutjs 做到这一点?


就像是

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

检查这里了解更多信息 http://knockoutjs.com/documentation/css-binding.html

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 knockoutjs 有条件地渲染 css 类 的相关文章