knockoutjsを使用してテキストを複数形にする方法はありません

Question

テキストデータバインド式は、1つのプロパティのみを持つことができます。別のプロパティの数に応じて、テキストを複数形にするにはどうすればよいですか？

Answer 1

これを行うにはいくつかの方法があります。 http://jsfiddle.net/njj2P/2/ 私が示した最初のオプションは、ko.computedを使用して評価に基づいて名前を単数形または複数形に戻す必要があるかどうかを判断することです。

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

第2のオプションは、計算されたプロパティなしでこれを行う方法と、代わりに条件付きバインディングを使用する方法を示しています。

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

Answer 2

次のような再利用可能なカスタムバインディングを作成できます。

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

このように使用します。

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

data
• オプションは、任意の配列または番号を指すことができます。
• singularオプションは、dataがpluralオプションは、そうでない場合に表示されるテキストを表し1
• と評価された場合に表示するテキストを表します。

ここでの動作を参照してください。 http://fiddle.jshell.net/jessegavin/wamfw/