どのようにデータを非表示にし、一致する場合にのみ表示するのですか？

Question

ノックアウトの新機能で、デモ用のデータバインディングの例を簡単に表示しようとしています。私は、リストアイテムのテキストを隠しておき、一致するものだけを表示したい。

http://jsfiddle.net/4y8jgsyg/

var viewModel = { 
    query: ko.observable('') 
}; 

viewModel.beers = ko.dependentObservable(function() { 
    var search = this.query().toLowerCase(); 
    return ko.utils.arrayFilter(beers, function(beer) { 
     return beer.name.toLowerCase().indexOf(search) >= 0; 
    }); 
}, viewModel); 

ko.applyBindings(viewModel); 

Answer 1

あなたは検索語が空の文字列でない場合にのみフィルタが返す結果ことを確認する必要があります。これはsearch.length > 0をチェックすることで簡単に実行でき、空の配列があればそれを返します。 http://jsfiddle.net/4y8jgsyg/1/