Knockout ràng buộc css render => class =" 0 1 2 3 4 5 6 với KO 2.0

Question

Tôi nhận được một văn bản phong cách lạ với mã này:

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

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

nó ám:

<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() hiển thị tốt trong giao diện điều khiển

Answer 1

Ngữ nghĩa của liên kết css đã được thay đổi từ KO 2.1.0 thành KO 2.2.0

Từ Knockout 2.2.0 released:

Chúng tôi cũng đã thực hiện một số tính năng làm việc nhiều như bạn có thể luôn luôn có nghĩ rằng họ nên làm việc. Ví dụ: liên kết css giờ đây có thể đính kèm tên lớp CSS được tạo theo chương trình cho các phần tử (trước đây, nó bị giới hạn để chuyển đổi tên lớp CSS được xác định trước).

Vì vậy hãy nâng cấp lên KO 2.2.1 và nó sẽ hoạt động tốt.

Nếu bạn không thể nâng cấp bạn có thể sử dụng attr ràng buộc như một cách giải quyết:

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

Demo JSFiddle using KO 2.0.0 and attr binding