KnockoutJS css binding!= true

Question

我的视图模型返回一个真值,我正在尝试让我的模板相应地添加CSS.问题是,我找不到!= true的语法.

我有这样的事情:

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

我认为会说,如果选中'= true,则应用'lw-touching',如果选中=== 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也使用了更好的语法

我将此标记为答案,以便我得不到更多负面反馈:/