回答
由於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鐵-Ajax
- 2. 聚合物1.0 - 鐵名單 - 選擇
- 3. 聚合物1.0的鐵ajax沒有通過任何腳本
- 4. 簡單聚合物1.0英雄過渡
- 5. 如何在聚合物1.0
- 6. 聚合物1.x:如何過濾鐵數據表?
- 7. 如何從聚合物1.0中的聚合物元素外部發射鐵信號?
- 8. 使用鐵媒體查詢和DOM - 如果聚合物1.0
- 9. 聚合物多鐵表單提交
- 10. 如何實現聚合物1.0佈局
- 11. 聚合物1.0多米諾重複不會觸發過濾器
- 12. 簡單聚合物1.0數據表
- 13. 與聚合物1.0自動綁定模板鐵阿賈克斯
- 14. 聚合物1.0鐵阿賈克斯不發佈數據
- 15. 聚合物1.0不工作
- 16. 聚合物1.0 - injectBoundHTML()替代
- 17. 聚合物1.0:分割index.html
- 18. 聚合物2.0:聚合物1.0雜化元素不適用於聚合物2.0?
- 19. 聚合物。如何單元測試過濾器功能
- 20. 聚合物獲得通過過濾器
- 21. 重寫聚合物1.0片段到聚合物2
- 22. 確實聚合物1.0中斷requirejs
- 23. 聚合物鐵形式的響應
- 24. 如何使用聚合物1.0構建單頁應用程序?
- 25. 聚合物1.x:訪問鐵名單中的'selected'項目
- 26. 聚合物鐵ajax不工作
- 27. 聚合物鐵形式輸出錯誤
- 28. 聚合物鐵形式不提交
- 29. 聚合物鐵圖標尺寸不變
- 30. 聚合物1.0觀察不發射濾波器
聽起來像後臺任務 – user656449
你可能想學習['鐵數據table'(HTTPS: //saulis.github.io/iron-data-table/)。 https://saulis.github.io/iron-data-table/ – Mowzer