Javascript 过滤功能:使用

Javascript 过滤功能:使用,javascript,jquery,html,knockout.js,Javascript,Jquery,Html,Knockout.js,尝试转换此代码: JS: 您应该在中继器中的li标记上使用可见绑定。然后直接隐藏不符合条件的项。大概是这样的: <ul data-bind="foreach:placeList"> <li data-bind="text:$data, visible: filter"></li> </ul> <span class="glyphicon glyphicon-search" aria-hidden="true"></s

尝试转换此代码:

JS:


您应该在中继器中的li标记上使用可见绑定。然后直接隐藏不符合条件的项。大概是这样的:

<ul data-bind="foreach:placeList">
  <li data-bind="text:$data, visible: filter"></li>
</ul>
<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
<input id="searchField" data-bind="event: {keyup: filter}" type="text" placeholder='search by name or city' value="">
<hr>
<ul class="locationList" data-bind="foreach: placeList">
  <li>  
    ... 
self.filterText = ko.observable("");
self.filteredList = ko.computed(function(){
  var filter = self.filterText().toLowerCase();
  return // your filter function. make sure you return an array of what you want! 
}, this);
<ul data-bind="foreach:placeList">
  <li data-bind="text:$data, visible: filter"></li>
</ul>