Question

有没有办法用它的父模板包围聚合物子模板？

在以下示例中，阴影标记将父级模板带入子视图，但忽略了其内容：

母体聚合物元素

<polymer-element name="my-window">
  <template>
    <div class="windowframe">
      <p>test</p> <!-- can be shown with shadow tag -->
      <content></content> <!-- cannot be used with shadow tag -->

儿童聚合物元素

<polymer-element name="my-window-example" extends="my-window">
  <template>
    <!-- get the hosts' shadow and insert here -->
    <shadow>
       <p>Here is the content of my window<p> <!--won't be shown -->
    </shadow>
  </template>

Answer 1

这个在Chrome Canary中可以使用（请参阅this blog post，this discussion，the fixed spec bug和the fixed Chromium bug），但不幸的是它没有似乎在Linux上的Chrome 33.0.1750.22 dev或Windows上的Chrome 34.0.1809.0 canary上使用或 off上的“启用实验性Web平台功能”标记。试试this jsbin，了解它是否适合您。

更新：Confirmed。由于“实施问题”，此功能已从Chrome中Shadow DOM的初始实施中删除。

Answer 2

我想您需要select='selector'标记<content>标记的<shadow>属性等功能，您可以从旧标记中选择一些节点并将其与一个{ {1}}标记，然后使用第二个<shadow>标记选择并定位其余部分。

虽然我没有发现任何相关内容，但我确信这不受支持。

这个讨论可能很有意思https://groups.google.com/a/dartlang.org/forum/#!topic/web-ui/zR64jebST4c

嵌套聚合物模板继承

2 个答案: