在Knockout CSS绑定中组合值

Question

我需要为div:

的CSS绑定不同的值

在下面的例子中，我想添加一个CSS值依赖于一个值是奇数还是偶数，一个名为"highlight"的静态类，我还想添加一个基于我的一个可观察对象(名为"Name")的CSS类。这一切工作，直到我尝试添加ProductName(): true

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

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

Answer 1

您可以使用knockout 2.2.0完成此操作。如果您使用的是较早的版本，它将无法工作:

看到

你应该可以这样做:

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

假设属性ProductName是css类名