Ich bin gerade auf eine interessante Eigenheit in Knockout.js gestoßen: Wenn ein Style-Binding mit Knockout an ein DOM-Element gebunden werden soll wird das normalerweise mit folgendem Code umgesetzt:
<img data-bind="style: { color: ‘blue’}”>
Das funktioniert soweit auch gut. Schwierigkeiten gibt es aber, wenn eine Eigenschaft mit einem Trennstrich im Namen gesetzt werden soll, z.B. border-color. Man sollte annehmen, dass dies hier das passende Äquivalent wäre:
<img data-bind="style: { border-color: ‘blue’}”>
Das führt aber leider zu einem Javascript-Fehler, weil Knockout die Eigenschaft nicht auflösen kann.
Umgehen lässt sich dieses Problem, indem der Trennstrich im Bezeichner der jeweiligen Eigenschaft einfach weggelassen wird:
<img data-bind="style: { borderColor: ‘blue’}”>
Die Konvention an sich ist nicht schwierig, aber wenn man dieses Verhalten nicht kennt, kann das doch ein bisschen Herumgoogeln bedeuten.
