嵌套聚合物模板继承

Ant*_*eth 6 web-component dart shadow-dom polymer dart-polymer

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

在以下示例中,shadow标记将父模板带入子视图,但它忽略了其内容:

母体聚合物元素

<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 -->
Run Code Online (Sandbox Code Playgroud)

儿童聚合物元素

<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>
Run Code Online (Sandbox Code Playgroud)

Cle*_*usW 2

这个用了是可能的(请参阅此博客文章此讨论已修复的规范错误已修复的 Chromium 错误),但不幸的是,它似乎不再适用于 Linux 上的 Chrome 33.0.1750.22 开发版或 Windows 上的 Chrome 34.0.1809.0 canary,并打开关闭“启用实验性 Web 平台功能”标志。试试这个 jsbin看看它是否适合你。

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