Knockout wiążące css renderuje => class =”0 1 2 3 4 5 6 z KO 2,0

Question

jestem coraz styl tekstu dziwny z tym kodem:

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

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

renderuje:

<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() renderuje grzywny w konsoli

Answer 1

semantyczna z css wiązaniami został zmieniony z KO KO 2.1.0 do 2.2.0

Od Knockout 2.2.0 released:

Zrobiliśmy też niektóre funkcje działają bardziej jak można zawsze mieć myśli powinny działać. Na przykład powiązanie css może teraz dołączać generowane programowo nazwy klas CSS do elementów (wcześniej, to było ograniczone do przełączania wstępnie zdefiniowanych nazw klas CSS).

więc upgrade do KO 2.2.1 i będzie działać dobrze.

Jeśli nie można uaktualnić można użyć attr wiążący jako obejście:

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

Demo JSFiddle using KO 2.0.0 and attr binding