Knockout vincolante css rende => class =" 0 1 2 3 4 5 6 con KO 2.0

Question

sto ottenendo un testo stile strano con questo codice:

self.styleClass = ko.computed(function() { 
      return self.isFollowing() ? "button" : "secondary button"; 
     }); 

     <button data-bind="text: followButtonText,click: toggleIsFollowing, css: styleClass"></button> 

rende:

<button data-bind="text: followButtonText,click: toggleIsFollowing, css: styleClass" class=" 0 1 2 3 4 5 6 7 8 9 10 11 12">Unfollow</button> 

model.styleClass() rende bene nella console

Answer 1

la semantica del css legame è stato modificato da KO 2.1.0 a 2.2.0 KO

Da Knockout 2.2.0 released:

Abbiamo anche fatto alcune caratteristiche funzionano più come si potrebbe sempre avere pensano che dovrebbero funzionare. Ad esempio, il bind css ora può allegare elementi di classe CSS generati a livello di programmazione agli elementi (in precedenza, lo era limitato alla commutazione di nomi di classi CSS predefiniti).

Quindi l'aggiornamento alla 2.2.1 KO e funzionerà bene.

Se non è possibile eseguire l'aggiornamento è possibile utilizzare il attr vincolanti di una soluzione:

<button data-bind="text: followButtonText, 
        click: toggleIsFollowing, 
        attr:{ class: styleClass}" /> 

Demo JSFiddle using KO 2.0.0 and attr binding