Knockout JS - Liaison CSS avec tiret dans le nom de classe

Question

J'ai une liaison de données dans Knockout pour appliquer une classe CSS si une condition est vraie. Lorsque j'utilise un tiret dans le nom de la classe (comme test-class), j'obtiens une erreur javascript.

Voici un violon qui illustre le problème: http://jsfiddle.net/sgvem/2/

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

Existe-t-il un moyen d'ajouter une classe avec un tiret à l'aide de Knockout JS?

Answer 1

Mettez-le entre guillemets:

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

Voici un violon mis à jour .

En remarque, vous n'avez pas besoin du > 0 car un length de 0 sera évalué à false , et toute autre longueur évaluera à true :

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

Answer 2

Vous pouvez qualifier le nom en utilisant '

Comme ça:

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

Votre violon, mis à jour

Voici les documents Knockout expliquant la liaison css: http://knockoutjs.com/documentation/css-binding.html