¿Hay alguna forma de pluralizar texto utilizando knockoutjs

Question

Las expresiones de enlace de datos de texto solo pueden tener una propiedad. ¿Cómo pluralizaré un texto dependiendo del recuento de otra propiedad?

Answer 1

Existen varias formas de hacerlo. Demostré 2 maneras en los violines que se muestran aquí: http://jsfiddle.net/njj2P/2/

La primera opción que mostré es usar un ko.computado para determinar si el nombre debe ser devuelto en singular o en plural, basado en una evaluación.

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

La segunda opción muestra cómo hacer esto sin una propiedad calculada, y en su lugar mediante el uso de una unión condicional.

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

Answer 2

Puede crear un enlace personalizado reutilizable como el siguiente.

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)); 
    } 
}; 

Lo usaría así.

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

• La opción data puede apuntar a cualquier matriz o número.
• La opción singular representa el texto que desea mostrar si data evalúa a 1
• La opción plural representa el texto que se mostrará lo contrario.

Véalo en acción aquí. http://fiddle.jshell.net/jessegavin/wamfw/