结合Knockout CSS绑定中的值

Question

我需要将各种值绑定到我的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绑定？

Answer 1

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

See here

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

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

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