Knockout JS - CSS Binding z deską rozdzielczą w klasie

Question

Mam powiązanie danych w Knockout, aby zastosować klasę CSS, jeśli warunek jest prawdziwy. Kiedy używam myślnika w nazwie klasy (takiej jak klasa testowa), pojawia się błąd javascript.

Oto skrzypce, który demonstruje problem: http://jsfiddle.net/sgvem/2/

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

Czy istnieje sposób, aby dodać klasę z odrobiną wykorzystaniem Knockout JS?

Answer 1

Wystarczy umieścić ją w cudzysłowie:

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

Oto updated fiddle.

Na marginesie, nie trzeba się > 0 ponieważ length z 0 oceni do false, a każda inna długość oceni do true:

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

Answer 2

można zakwalifikować nazwę za "

Jak to:

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

Twój Fiddle, updated

Oto docs Knockout wyjaśniające wiążącą CSS: http://knockoutjs.com/documentation/css-binding.html