结合Knockout CSS绑定中的值

时间:2013-01-08 20:18:05

标签: knockout.js

我需要将各种值绑定到我的div的CSS:

在下面的示例中,我想添加一个CSS值,取决于值是奇数还是偶数,静态类称为'highlight',我还想添加一个基于我的一个observable的css类(称为“姓名”)。这一切都有效,直到我尝试添加ProductName():true

<div data-bind="css: { even: $index()% 2 == 0, odd: $index()% 2 != 0, highlight: true, ProductName(): true }">

如何将可观察值的字符串添加到CSS绑定?

1 个答案:

答案 0 :(得分:0)

您可以使用knockout 2.2.0执行此操作。如果您使用的是早期版本,则无法使用:

See here

然后您应该可以执行以下操作:

<div data-bind="css: { even: $index()% 2 == 0, odd: $index()% 2 != 0, highlight: true, ProductName }">

假设属性ProductName是css类的名称。