javascript - Knockout JS - 类名中带有破折号的 CSS 绑定(bind)

Question

我在 Knockout 中有一个数据绑定(bind)，用于在条件为真时应用 CSS 类。当我在类名中使用破折号(例如测试类)时，我会收到 javascript 错误。

这是一个演示问题的 fiddle :http://jsfiddle.net/sgvem/2/

<p data-bind="text: property, css: { with-dash: property().length > 0 }"></p>

有没有办法使用 Knockout JS 添加带有破折号的类？

Answer 1

把它放在引号里:

<p data-bind="text: property, css: { 'with-dash': property().length > 0 }"></p>

这是一个 updated fiddle .

作为旁注，您不需要 > 0，因为 length 的 0 将评估为 false，以及任何其他长度将计算为 true:

<p data-bind="text: property, css: { 'with-dash': property().length }"></p>