Ich weiß, dass in knockout die Möglichkeit besteht, eine Klasse aus einer beobachtbaren Eigenschaft wie folgt anzugeben:

<div data-bind="css: Color " >

Knockout bietet auch die Möglichkeit, das Rendern von bedingten Klassen wie folgt festzulegen:

<div data-bind="css: { 'my-class' : SomeBooleanProperty  }" >

Aber welches Markup sollte spezifiziert werden, wenn ich diese Eigenschaften der Knockout-CSS-Bindung zusammen benötige?

Ich habe es versucht, aber ohne Glück:

<div data-bind="css: { Color, 'my-class' : SomeBooleanProperty  }" >

Ich habe den fehler bekommen:

Fehler: Bindungen können nicht analysiert werden. SyntaxError: Unerwartetes Token;

Ich habe kein Beispiel in Google oder in offiziellen Dokumenten gefunden.

AKTUALISIEREN

Ich habe eine Problemumgehung gefunden: Bauen Sie eine Stilzeichenfolge im Code auf und fügen Sie sie wie folgt in die Eigenschaft ein:

item.AdditionalCss(Color() + " " + (result.IsSortable() ? 'my-class' : null));

Und geben Sie diese Klasse in HTML an:

data-bind="css: AdditionalCss "

Aber ich bin ein bisschen verwirrt, ich denke, es ist schmutzig Ansatz. Ich denke, es wäre besser, das gleiche Ergebnis im Markup zu erzielen. Wie kann man das mit Markup erreichen?