javascript - multiple - knockout js for

Knockout JS-Enlace CSS con guion en el nombre de la clase

Question

Tengo un enlace de datos en Knockout para aplicar una clase CSS si una condición es verdadera. Cuando uso un guion en el nombre de la clase (como test-class) aparece un error de javascript.

Aquí hay un violín que demuestra el problema: http://jsfiddle.net/sgvem/2/

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

¿Hay alguna forma de agregar una clase con un guion usando Knockout JS?

Answer 1

Puedes calificar el nombre usando ''

Me gusta esto:

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

Tu violín, updated

Estos son los documentos de Knockout que explican el enlace de css: http://knockoutjs.com/documentation/css-binding.html

Answer 2

Solo ponlo entre comillas:

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

Aquí hay un violín actualizado .

Como nota al margen, no necesita el valor > 0 porque una length de 0 se evaluará como false , y cualquier otra longitud se evaluará como true :

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