0

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 : after property id; Bindings value: style: { width: totalLength() < workDay ? totalLength() + 'px' : workDay + 'px', border-radius: '10px'、背景: '#a9fd76' }"

knockout.js バインディングで CSS3 属性がサポートされていないということですか?

言及するだけで、border-radius 属性を取り出すとすべてが正常に機能します。

4

1 に答える 1

5

次のように記述する必要があります。

borderRadius

border-radius は有効な JavaScript 名ではないためです。

ドキュメントの下部にさらに例があります。

于 2013-03-07T10:08:22.010 に答える