knockout.js - 在 Knockout CSS 绑定中组合值

Question

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

在下面的示例中，我想添加一个取决于值是奇数还是偶数的 CSS 值，一个名为“highlight”的静态类，并且我还想添加一个基于我的 observables 之一的 CSS 类（称为姓名'）。一切正常，直到我尝试添加 ProductName(): true

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

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

Answer 1

您可以通过淘汰赛 2.2.0 做到这一点。如果您使用的是早期版本，它将无法正常工作：

看这里

然后，您应该能够执行以下操作：

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

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