knockout.js - KnockoutJS css 绑定(bind)!= true

Question

我的 View 模型返回 真实 值，我试图让我的模板相应地添加 CSS。问题是，我找不到!= true 的语法。

我有这样的事情:

<div data-bind="css: {'lw-touched': checked, 'lw-touch': !checked}"></div>

我想会说，如果选中=== true，则应用'lw-touched'，如果选中=== false，则应用'lw-touch'。但这不起作用:(。所以我尝试了这个:

<div data-bind="css: {'lw-touched': checked, 'lw-touch': checked !== true}"></div>

这也没有奏效。

我敢肯定有办法做到这一点!我现在找不到它。

Answer 1

我在 30 秒后发布并解决了它:(。

我要离开它，因为其他人可能有同样的问题。

data-bind="css: {'lw-touched': checked, 'lw-touch': !checked()}">

感谢@MikaelÖstberg，我也使用了更好的语法

我将此标记为答案，这样我就不会得到更多的负面反馈:/