javascript - 带边框半径的 knockout.js 数据绑定(bind)样式

Question

我正在尝试使用 knockout.js 数据绑定(bind)属性应用 border-radius css 属性:

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

但是浏览器好像一点都不喜欢。我从 knockout.js 文件中收到一条错误消息:

"Error: Unable to parse bindings. Message: SyntaxError: missing : after property id; Bindings value: style: { width: totalLength() < workDay ? totalLength() + 'px' : workDay + 'px', border-radius: '10px', background: '#a9fd76' }"

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

只是提一下，当我去掉 border-radius 属性时一切正常。

Answer 1

你需要这样写:

borderRadius

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

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