Javascript 过滤功能:使用
尝试转换此代码: JS: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
您应该在中继器中的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>