聚合物铁清单显示过时的项目

Question

我有一个大约有500个项目的铁清单元素，并实现了过滤器功能（例如如何在聚合物1.0中过滤铁清单中的那个）。 显示和过滤项目的效果很好，除非我的过滤器的限制过于严格：在这种情况下，显示的某些项目与当前过滤器不匹配，但与当前过滤器不匹配。 据我了解-当铁清单中的项目数量减少时-已经创建的显示（虚拟）项目不会被删除。

示例：项{A，B，C，D，E，F，G，H，I}与过滤器X匹配。Iron-list元素具有5个虚拟元素（简化标记）：

<iron-list>
    <div>A</div>
    <div>B</div>
    <div>C</div>
    <div>D</div>
    <div>E</div>
</iron-list>

然后，将过滤器更改为Y，仅将H和I作为匹配项：更新的标记如下所示：

<iron-list>
    <div>H</div>
    <div>I</div>
    <div>C</div>
    <div>D</div>
    <div>E</div>
</iron-list>

我希望铁表中只有两个div元素，但似乎保留了恒定数量的虚拟化项目。 我试图通过调用notifyResize（）和其他方法来更新元素（请参阅https://www.webcomponents.org/element/PolymerElements/iron-list/elements/iron-list ），但没有任何效果。

除了手动删除备用虚拟元素外，还有其他想法吗？

Answer 1

显然，铁列表为虚拟元素添加了“隐藏”属性，这些属性不应该可见-我之前从未注意到。

所以添加一个CSS指令，例如

#list .item[hidden] { display: none; }

解决了上述问题。

Answer 2

我认为除了手动删除数组或使用notifyResize之外，没有其他选择。 显然我会去第二次。

没有看到你的代码，我不知道为什么它也不是为你工作，但这里是用notifyResize类似的情况。