ノックアウトJS - クラス名でダッシュを使用したCSSバインディング

Question

条件が真である場合、CSSクラスを適用するためにノックアウトにデータバインディングがあります。クラス名にダッシュ（test-classなど）を使用すると、javascriptエラーが発生します。 http://jsfiddle.net/sgvem/2/

<p data-bind="text: property, css: { with-dash: property().length > 0 }"></p> 

ノックアウトJSを使用してダッシュでクラスを追加する方法があります：ここで

は、問題を示しフィドルのですか？

Answer 1

ただ、引用符でそれを置く：

<p data-bind="text: property, css: { 'with-dash': property().length > 0 }"></p> 

ここupdated fiddleです。

0のlengthがfalseに評価され、他の長さはtrueと評価されますので、注意点として、あなたは> 0は必要ありません。

<p data-bind="text: property, css: { 'with-dash': property().length }"></p> 

Answer 2

あなたは 'を使用して名前を修飾することができます

このよう

：

<p data-bind="text: property, css: { 'with-dash': property().length > 0 }"></p> 

あなたのフィドル、ここ

結合CSSを説明ノックアウトドキュメントされていますhttp://knockoutjs.com/documentation/css-binding.html