Cómo especificar dos clases css: de propiedad y clase condicional
Sé que en el nocaut tiene la capacidad de especificar una clase a partir de una propiedad observable, como esta:
<div data-bind="css: Color " >
Knockout también proporciona la capacidad de especificar la representación de clase condicional de esta manera:
<div data-bind="css: { 'my-class' : SomeBooleanProperty }" >
¿Pero qué marca debería especificarse si necesito esas características de enlace css knockout juntos?
Intenté esto, pero sin suerte:
<div data-bind="css: { Color, 'my-class' : SomeBooleanProperty }" >
Tengo el error:
Error: No se pueden analizar los enlaces. Error de sintaxis: símbolo inesperado ,;
No encontré ningún ejemplo en google o en documentos oficiales.
ACTUALIZAR
Encontré una solución alternativa: construir una cadena de estilo en el código y ponerla en propiedad, como esto:
item.AdditionalCss(Color() + " " + (result.IsSortable() ? 'my-class' : null));
Y especifique esta clase en html:
data-bind="css: AdditionalCss "
Pero un poco desconcertado, creo que es un enfoque sucio. Creo que sería mejor lograr el mismo resultado en el marcado. ¿Cómo se puede lograr eso con el marcado?