Intereting Posts

Knockout JS – CSS Reliure avec tableau de bord dans le nom de la classe

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 la classe de test), je reçois une erreur javascript.

Voici une violon qui démontre 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 tableau de bord en utilisant Knockout JS?

Il suffit de le mettre en guillemets:

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

Voici une violoncelle mise à jour .

En tant que note latérale, vous n'avez pas besoin de > 0 car une length de 0 sera évaluée à false , et toute autre longueur évaluera à true :

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

Vous pouvez qualifier le nom en utilisant '

Comme ça:

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

Your Fiddle, mis à jour

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