回答
由于iron-list
不幸的是不提供filter
属性,没有声明模式使这成为可能。
您可以使用dom-repeat
的过滤器属性来实现您自己的简单列表元素。 (随着未来版本中的元素继承回来,您可能会扩展iron-list
)。
不过,我目前看到的最好的做法是使用一个计算的属性:
<template>
<iron-list items="[[filterItems(items)]]" as="item">
...
</iron-list>
</template>
<script>
Polymer({
...
filterItems: function (items) {
return items.filter(function (item) { // Array.prototype.filter
return item.priority > 8; // Filter condition
});
}
});
</script>
假设如果我有一个搜索栏,并在搜索输入中键入字母,那么我需要过滤?我应该添加一个观察者'filterItems'来搜索输入属性? –
有人可以详细说明这个解决方案吗? –
webcomponents.org中有搜索组件用于搜索。你可能也想看看那些。但对我来说,您似乎可以使用观察者而不是计算属性,只需在输入发生变化时在其中设置项目即可。此外,搜索栏很可能有一个输入,您可能可以使用输入的on-change事件并在那里执行您的工作 – TheeBen
- 1. 如何从聚合物1.0中的聚合物元素外部发射铁信号?
- 2. 聚合物1.0多米诺重复不会触发过滤器
- 3. 聚合物1.0铁阿贾克斯不发布数据
- 4. 聚合物2.0:聚合物1.0杂化元素不适用于聚合物2.0?
- 5. 聚合物。如何单元测试过滤器功能
- 6. 重写聚合物1.0片段到聚合物2
- 7. 如何使用聚合物1.0构建单页应用程序?
- 8. 聚合物铁图标尺寸不变
- 9. 聚合物铁ajax不工作
- 10. 聚合物1.0铁形式拒绝显示数据的详细信息
- 11. 过滤聚合
- 12. 聚合物1.0:帮助使用dom-if
- 13. 高分子聚合物1.0组件2
- 14. 聚合物1.0纸张大小调整
- 15. 聚合物铁页面元素之间的相同表单ID
- 16. 如何改变谷歌聚合物的铁图像元素
- 17. 如何从铁形式的聚合物响应头
- 18. 如何在聚合物飞镖1.0中获得localTarget听众?
- 19. 聚合物1.0(应用程序设计) - 我可以“抢”铁页吗?
- 20. 聚合物铁阿贾克斯/铁要求不会发射
- 21. 聚合物铁滚动门槛与铁阿贾克斯
- 22. 聚合物1.0 - 旧的核心子菜单在哪里?
- 23. 聚合物1.0 /传单地图:如何实现传单功能到Web组件
- 24. 聚合物纸下拉菜单不覆盖铁列表
- 25. 如何给聚合物铁图像自动调高?
- 26. 如何使用聚合物1.2.4的铁清单一次性删除和取消选择多个项目?
- 27. 如何在xslt中进行聚合1.0
- 28. 通过绑定到子元素聚合物1.0
- 29. 聚合物1.0:我如何单独设置纸张下拉框的宽度?
- 30. 聚合物1.x:通过单击纸牌标题来切换铁粉碎
听起来像后台任务 – user656449
你可能想学习['铁数据table'(HTTPS: //saulis.github.io/iron-data-table/)。 https://saulis.github.io/iron-data-table/ – Mowzer