Javascript 创建带淘汰的实时搜索

我有一个项目，在其中我必须使用Knockout创建一个实时搜索。我找到了一个关于如何实现它的教程，但当我在代码中实现它时，它不起作用。搜索应该在数组上完成，并显示与用户输入的术语匹配的数组中的项目。 最终产品应该是这样的

---

教程--opensoul.org/2011/06/23/live search with knockoutjs/

您可以使用

ko.computed

和

textInput

绑定始终通知更改并应用过滤器

看snnipet

函数ViewModel（）{
var self=这个；
this.filter=ko.observable（）；
this.places=ko.observearray（[{name:“纽约”}，{name:“洛杉矶”}，{name:“库里蒂巴”}，{name:“里约热内卢”}]）；
this.visiblePlaces=ko.computed（函数（）{
返回此.places（）.filter（函数（place）{
如果（！self.filter（）| | place.name.toLowerCase（）.indexOf（self.filter（）.toLowerCase（））！=-1）
返回地点；
});
}，这个）；
}
应用绑定（新的ViewModel（））

过滤器：