Polymer 聚合物-如何从铁名单中删除项目？

这个实时代码片段构建了一个web组件，它使用

铁名单

。列表中的每个项目都有一个删除按钮，单击该按钮可从列表中删除该项目。 删除某个项目时，所有下一个项目都会上移，但显示的最后一个项目会保持不变，而不是按原样取消显示

据介绍，只需在铁名单上触发事件

resize

，就足够了。但在我的代码片段中，这没有帮助。通过官方

熨斗列表中的
熨斗调整大小
或notifyResize功能



{{item}}
去除
类MyList扩展了Polymer.Element{
静态get是（）{返回“我的列表”；}
//设置此元素的employees属性
构造函数（）{
超级（）；
这个项目=[1,2,3,4]；
}
_onDeleteClicked（事件）{
这是拼接（“项目”，event.model.index，1）；
//----任何调整大小的调用都无助于精简---
此.$.list.fire（'iron-resize'）；
此.$.list.fire（'resize'）；
此.$.list.notifyResize（）；
}
}
customElements.define（MyList.is，MyList）；
“这很简单！铁名单模板中根元素的css显示属性不能设置。。然后将flexbox包装在另一个简单的div中。”

以下是已解决的实时片段：



{{item}}
去除
类MyList扩展了Polymer.Element{
静态get是（）{返回“我的列表”；}
//设置此元素的employees属性
构造函数（）{
超级（）；
这个项目=[1,2,3,4]；
}
_onDeleteClicked（事件）{
这是拼接（“项目”，event.model.index，1）；
此.$.list.notifyResize（）；
}
}
customElements.define（MyList.is，MyList）；
“这很简单！铁名单模板中根元素的css显示属性不能设置。。然后将flexbox包装在另一个简单的div中。”

以下是已解决的实时片段：



{{item}}
去除
类MyList扩展了Polymer.Element{
静态get是（）{返回“我的列表”；}
//设置此元素的employees属性
构造函数（）{
超级（）；
这个项目=[1,2,3,4]；
}
_onDeleteClicked（事件）{
这是拼接（“项目”，event.model.index，1）；
此.$.list.notifyResize（）；
}
}
customElements.define（MyList.is，MyList）；
您可能会在最后一项上找到一个“隐藏”属性。当滚动项目时，项目被铁名单重复使用，项目不会被删除。这个CSS规则应该把它隐藏起来

#list [hidden] { display: none; } 

您可能会在最后一项上找到“隐藏”属性。当滚动项目时，项目被铁名单重复使用，项目不会被删除。这个CSS规则应该把它隐藏起来

#list [hidden] { display: none; } 

我他妈的为什么要告诉铁名单隐藏一个被移除的物品？！此外，我解决了我的问题。这是因为我更改了铁名单中模板根元素的css
display
属性。请看@Stefan谢谢！我他妈的为什么要告诉铁名单隐藏一个被移除的物品？！此外，我解决了我的问题。这是因为我更改了铁名单中模板根元素的css
display
属性。请看@Stefan谢谢！