Polymer 扩展聚合物元素-访问父内容
我有以下几种聚合物:Polymer 扩展聚合物元素-访问父内容,polymer,Polymer,我有以下几种聚合物: <polymer-element name="popup-element" attributes="popupStyle"> <template> <div class="popup" id="popup" style="{{popupStyle}}"> <div class="closebutton"></div> <content s
<polymer-element name="popup-element" attributes="popupStyle">
<template>
<div class="popup" id="popup" style="{{popupStyle}}">
<div class="closebutton"></div>
<content select=".title"></content>
<br /><br />
<content></content>
</div>
</template>
<script type="text/javascript">
Polymer('popup-element');
</script>
</polymer-element>
聚合物(“单元素”);
现在我想把它扩展到另一种聚合物中:
<polymer-element name="newfolder-element" attributes="popupStyle" extends="popup-element">
<template>
<shadow>
<span class="title">Utwórz nowy folder</span>
<input type="text" class="ginput" style="width: 350px; padding: 5px;" placeholder="Nowy katalog" />
<br />
<button class="action blue"><span class="label">Utwórz</span></button>
<button class="action red" id="cancelBtn" on-click="{{closePopup}}"><span class="label">Anuluj</span></button>
<content></content>
</shadow>
</template>
<script>
Polymer('newfolder-element');
</script>
</polymer-element>
Utwórz nowy文件夹
乌特沃兹
阿努鲁伊
聚合物(“新元素”);
为什么
和
之间的内容不显示。我想把的内容放在代码>(子元素)到父元素的
。如何使其工作?这是一个问题,但由于实施方面的考虑。它很可能会添加到影子DOM规范的未来版本中
更新:这个问题的一个可能的临时解决方案。这几乎使扩展功能对模板继承毫无用处!我看了一下所有的核心元素和纸质元素,它们很少重用基础元素中的模板。为了克服这个限制,我必须使用像jade这样的预处理器来混合部分。但如果聚合物或规范能够支持这一点,它将更加方便。有点沮丧,我需要花这么多时间来修复一些应该存在的东西