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

标签 javascript html knockout.js

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

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

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

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

最佳答案

把它放在引号里:

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

这是一个 updated fiddle .

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

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

关于javascript - Knockout JS - 类名中带有破折号的 CSS 绑定(bind),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10283328/

相关文章:

javascript - 计算给定字符串的真实像素宽度

Javascript 在一个对象中组合变量

ruby-on-rails - 未在 list 中定义的 HTML5 Cache Manifest 缓存请求

javascript - 添加到可观察数组时, knockout 模板不会更新列表

Javascript:围绕特定数字对整数数组进行排序

javascript - 具有多个参数的 knockout 点击绑定(bind)

javascript - 在嵌套对象上加入 (';' )

javascript - 如何计算每页 ng-repeat 中的值总和?

android - 移动设备作为数据库服务器

javascript - Chrome View 与打印预览之间的巨大差异