knockout.js数据绑定样式与border-radius

Question

我正在尝试使用knockout.js data-bind属性应用border-radius css属性:

data-bind="style: { width: totalLength() < workDay ? totalLength() + 'px' : workDay + 'px', border-radius: '10px', background: '#a9fd76' }"

但浏览器似乎根本不喜欢它.我从knockout.js文件中得到一个错误说:

"错误:无法解析绑定.消息:SyntaxError:missing:属性id之后;绑定值:style:{width:totalLength()<workDay？totalLength()+'px':workDay +'px',border-radius: '10px',背景:'#a9fd76'}"

这是否意味着knockout.js绑定不支持CSS3属性？

只是提到我将border-radius属性输出时一切正常.

Answer 1

你需要把它写成:

borderRadius

由于border-radius不是有效的javascript名称.

您可以在文档底部看到更多示例.