gpt4 book ai didi

javascript - 尝试通过扩展元素填充 polymer 元素的

转载 作者:搜寻专家 更新时间:2023-10-31 08:10:44 28 4
gpt4 key购买 nike

我有两个元素:一个是 <drop-down>元素,另一个是 <populated-drop-down>元素。 populated-drop-down extends drop-down ,但是,正如您可能已经猜到的那样,它会尝试使用一些选项预先填充它。假设我可以简单地将 HTML 放在 <shadow></shadow> 中标记,但这不起作用:

<polymer-element name="drop-down" noscript attributes="label">
<template>
<style>
:host{display:inline-block;border:1px solid;padding:1rem}
#content{position:absolute}
#drop, #content {display:none}
#drop:checked + #content {display:block}
</style>
<label for="drop">{{label}}</label>
<input type="checkbox" id="drop">
<div id="content"><content></content></div>
</template>
</polymer-element>


<polymer-element name="pop-drop-down" extends="drop-down" noscript>
<template>
<shadow>
<ul>
<li>Option1</li>
<li>Option2</li>
<li>Option3</li>
<li>Option4</li>
<li>Option5</li>
</ul>
</shadow>
</template>
</polymer-element>


<drop-down label="Working DropDown">
<ul>
<li>Option1</li>
<li>Option2</li>
<li>Option3</li>
<li>Option4</li>
<li>Option5</li>
</ul>
</drop-down>

<pop-drop-down label="Not working pre-populated dropdown">
</pop-drop-down>

( Code also available code on JSBin .)

看来我可以在 <shadow></shadow> 周围包装额外的标签但不要在 <shadow></shadow> 中放置任何内容

最佳答案

IIRC,这在 Shadow DOM 规范和 Chrome 的实现中得到了短暂的支持。但是,由于实现问题,它已被删除。

关于javascript - 尝试通过扩展元素填充 polymer 元素的 <content></content>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24557557/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com