Javascript 按字符串匹配筛选核心列表元素

Javascript 按字符串匹配筛选核心列表元素,javascript,polymer,Javascript,Polymer,简单筛选器,用于隐藏核心列表中与输入字符串不匹配的任何项目。过滤后的元素将具有“隐藏”属性,因此它们不应占用任何空间。。。显然有什么地方出了问题,可能与核心列表有关。此外,当应用过滤器时,向下滚动然后再向上滚动会再次显示所有元素:/n您知道如何使此过滤器与核心列表一起工作吗?对于此示例,我已将过滤器设置为与每个列表项的名称相匹配 :主持人{ 显示:块; } :主机核心列表{ 利润率:8px0; 高度:400px; 宽度:350px; } :主机核心列表div{ 边框:1px实心#008000

简单筛选器,用于隐藏
核心列表中与输入字符串不匹配的任何项目。过滤后的元素将具有“隐藏”属性,因此它们不应占用任何空间。。。显然有什么地方出了问题,可能与核心列表有关。此外,当应用过滤器时,向下滚动然后再向上滚动会再次显示所有元素:/n您知道如何使此过滤器与
核心列表一起工作吗?对于此示例,我已将过滤器设置为与每个列表项的名称相匹配


:主持人{
显示:块;
}
:主机核心列表{
利润率:8px0;
高度:400px;
宽度:350px;
}
:主机核心列表div{
边框:1px实心#008000;
}
搜索:
名称:{model.Name},索引:{{Index},选中:{{Selected}
(功能(){
函数genData(){
var-arr=[];
对于(变量i=0;i<1000;i++){
arr.push({
名称:“样本”+i,
位置:我
});
}
返回arr;
}
聚合物(“my-element”{
已创建:函数(){
this.arr=genData();
},
就绪:函数(){},
过滤器:功能(v,型号){
如果(!v)返回false;
if(型号){
console.log(“v:%o\n%o”,v,model.name);
返回model.name.indexOf(v)<0;
}
}
});
})();

答案如下:

以下是一些有帮助的过滤器:


过滤器引用自。

以下是一些可能有帮助的过滤器:过滤器引用自此处:效果非常好。这是一把小提琴我不知道我怎么会错过它。。。谢谢:)如果你把这个作为答复,我会接受的。