6

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

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

母体聚合物元素

<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>
4

2 回答 2

2

这在 Chrome Canary 中曾经是可能的（请参阅此博客文章、此讨论、已修复的规范错误和已修复的 Chromium 错误），但不幸的是，在 Linux 上的 Chrome 33.0.1750.22 dev 中它似乎不再适用于我或 Windows 上的 Chrome 34.0.1809.0 canary，开启或关闭“启用实验性 Web 平台功能”标志。试试这个 jsbin看看它是否适合你。

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

于 2014-01-28T17:39:01.920 回答
1

我猜你需要像标签的标签select='selector'属性这样的功能，你可以从旧阴影中选择几个节点并用一个标签定位它们，然后用第二个标签选择和定位其余节点。 <content><shadow><shadow><shadow>

不过，我还没有找到任何关于此的信息，而且我很确定这不受支持。

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

于 2014-01-28T08:10:50.890 回答