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

Question

我正在尝试使用knockout.js数据绑定属性应用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（）＆lt;   工作日？ totalLength（）+'px'：workDay +'px'，border-radius：   '10px'，背景：'＃a9fd76'}“

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

提到border-radius属性时，一切正常。

Answer 1

你需要把它写成：

borderRadius

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

您可以在documentation的底部看到更多示例。