javascript - 带边框半径的 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() < workDay ? totalLength() + 'px'：workDay + 'px'，边框半径： '10px'，背景：'#a9fd76' }"

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

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

Answer 1

你需要把它写成：

borderRadius

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

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