Polymer 聚合物2:如何用一个插槽扩展一个元素,然后在该插槽中标记子模板?

Polymer 聚合物2:如何用一个插槽扩展一个元素,然后在该插槽中标记子模板?,polymer,polymer-2.x,Polymer,Polymer 2.x,我如何扩展一个在其模板中有一个槽的元素,并在该槽中标记我的子元素的dom 我试图覆盖孩子的模板方法(like),但到目前为止我没有成功 我想做的是扩展一个纸质下拉菜单,使其始终具有特定的下拉内容,同时保留所有纸质下拉菜单输入功能(验证等),而无需使用“包装器”组件手动连接。找到了一种方法!它只是将父节点的插槽节点替换为要标记的子节点,下面是一个示例: (() => { const CustomParent=customElements.get('custom-parent') 让记忆模板 类

我如何扩展一个在其模板中有一个槽的元素,并在该槽中标记我的子元素的dom

我试图覆盖孩子的模板方法(like),但到目前为止我没有成功


我想做的是扩展一个纸质下拉菜单,使其始终具有特定的下拉内容,同时保留所有纸质下拉菜单输入功能(验证等),而无需使用“包装器”组件手动连接。

找到了一种方法!它只是将父节点的插槽节点替换为要标记的子节点,下面是一个示例:


(() => {
const CustomParent=customElements.get('custom-parent')
让记忆模板
类CustomChild扩展CustomParent{
静态get是(){
返回“自定义子对象”
}
静态获取模板(){
如果(!memoizedTemplate){
memoizedTemplate=Polymer.DomModule.import(这是'template')
让whatYouWantToStamp=memorizedtemplate.content.querySelector('what-you-want-to-stamp')
让parentTemplateContent=document.importNode(CustomParent.template.content,true)
让slot=parentTemplateContent.querySelector('slot'))
memoizedTemplate.content.insertBefore(parentTemplateContent,whatYouWantToStamp)
memoizedTemplate.replaceChild(您想要什么标签,插槽)
}
返回备忘录模板
}
}
customElements.define(CustomChild.is,CustomChild)
})()