Làm thế nào để sử dụng một knockoutj được bảo vệ có thể quan sát với hộp kiểm?

Question

Tôi đang sử dụng knockoutj với bảo vệ có thể quan sát và đang gặp sự cố với hộp kiểm. Một thực hiện các quan sát được bảo vệ có thể được tìm thấy here nhưng có một số mà tôi đã nhìn thấy đó là rất giống nhau.

Một jsFiddle thể hiện sự cố của tôi có thể được tìm thấy here. Đây là một phần của fiddle.

var ViewModel = function() { 
    var self = this; 

    self.protectedBool = ko.protectedObservable(true); 
    self.commit = function(){ 
     ko.commitProtectedObservables(self); 
    }; 
    self.rollback = function() { 
     ko.rollbackProtectedObservables(self); 
    }; 
}; 

$(function() { 
    ko.applyBindings(new ViewModel()); 
}); 

Để nhân bản, làm như sau:

1. Run fiddle (giá trị mặc định cho hộp kiểm là đúng)
2. Bỏ chọn hộp kiểm
3. Bấm "Cam kết"
4. Lưu ý rằng giá trị hiện tại hiển thị là sai (đây là hành vi chính xác)
5. Chạy lại fiddle (giá trị mặc định cho hộp kiểm là đúng)
6. Bỏ chọn hộp kiểm sau đó kiểm tra xem nó ngay lập tức (trước khi bấm "Cam")
7. Bấm "Cam kết"
8. Bạn sẽ thấy giá trị sẽ được thiết lập là false/kiểm soát mặc dù nó đã được kiểm tra khi bạn nhấp vào "Commit ".

Các "viết" sự kiện trong quan sát được tính trong định nghĩa protectedObservable không không get bắn lần thứ hai bạn thay đổi vào hộp kiểm và do đó khi giá trị được cam kết, nó cam kết giá trị không chính xác.

Cũng lưu ý rằng các protectedObservable hoạt động hoàn hảo cho chuỗi. Bất kỳ sự hướng dẫn sẽ được đánh giá rất nhiều.

Answer 1

protectedObservable việc triển khai rất cũ. Nó chỉ hoạt động với các phiên bản cũ hơn của KO (< 2).

Đối với phiên bản mới KO tham khảo mô hình biên tập thực hiện bởi cùng một tác giả (Ryan Niemeyer) - http://www.knockmeout.net/2013/01/simple-editor-pattern-knockout-js.html