Có cách nào để số nhiều văn bản bằng cách sử dụng knockoutjs

Question

Biểu thức ràng buộc dữ liệu văn bản chỉ có thể có một thuộc tính duy nhất. Làm thế nào tôi có thể số nhiều văn bản tùy thuộc vào số lượng tài sản khác?

Answer 1

Có một số cách để thực hiện việc này. Tôi đã trình bày 2 cách trong các câu đố được hiển thị ở đây: http://jsfiddle.net/njj2P/2/

Tùy chọn đầu tiên tôi đã hiển thị là sử dụng ko.computed để xác định xem tên có được trả lại ở dạng số ít hay số nhiều hay không, dựa trên đánh giá.

this.formattedName = ko.computed(function() { 
     return this.qty() > 1 ? this.name() + "s" : this.name(); 
    }, this); 

Tùy chọn thứ hai cho biết cách thực hiện điều này mà không có thuộc tính được tính toán và thay vào đó bằng cách sử dụng ràng buộc có điều kiện.

<span data-bind="if:qty()>1">s</span> 

Answer 2

Bạn có thể tạo liên kết tùy chỉnh có thể tái sử dụng như sau.

ko.bindingHandlers.pluralize = { 
    update: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) { 
    function count(data) { 
     var value = ko.utils.unwrapObservable(data); 
     if (typeof value === "object" && value.length > 0) { 
      return value.length; 
     } else if (typeof value === "number") { 
      return value; 
     } 
    } 

    var settings = valueAccessor(); 
    var text = count(settings.data) === 1 ? settings.singular : settings.plural; 
    $(element).text(ko.utils.unwrapObservable(text)); 
    } 
}; 

Bạn sẽ sử dụng nó như thế này.

<span data-bind="pluralize: { data:items, singular:'entry', plural:'entries' }"></span> 

• Tùy chọn data có thể trỏ đến bất kỳ mảng hoặc số.
• Tùy chọn singular đại diện cho văn bản mà bạn muốn hiển thị nếu data đánh giá đến 1
• Tùy chọn plural đại diện cho văn bản sẽ được hiển thị bằng cách khác.

Xem hành động ở đây. http://fiddle.jshell.net/jessegavin/wamfw/