带边框半径的 knockout.js 数据绑定样式

Question

我正在尝试使用 knockout.js 数据绑定属性应用边框半径 css 属性：

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

但浏览器似乎根本不喜欢它。我从knockout.js 文件中收到一条错误消息：

“错误：无法解析绑定。消息：语法错误：缺少： 在属性 ID 之后；绑定值：样式：{ 宽度：totalLength()

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

只是提到当我去掉边界半径属性时一切正常。

Answer 1

你需要写成：

borderRadius

因为border-radius 不是有效的javascript 名称。

你可以在底部documentation看到更多的例子。