Polymer 自定义聚合物标记的InnerHTML覆盖<；中的所有内容；模板>；

我只是不知道如何告诉我的自定义元素在哪里呈现自定义标记的内部html，即：

<link rel="import" href="../bower_components/polymer/polymer.html">

<polymer-element name="my-element" noscript>
  <template>
    <span>Hello from <b>my-element</b>. This is my Shadow DOM.</span>
  </template>
</polymer-element>

<my-element>Hi!</my-element>

你好，来自我的元素。这是我的影子。
你好

呈现：

嗨

---

我希望能够告诉我的组件在哪里以及如何使用我放在自定义元素标记之间的任何东西。

要从外部引入元素（轻dom）并在阴影dom中渲染它们，需要使用

标记定义插入点：

<polymer-element name="my-element" noscript>
  <template>
    <span>Hello from <b>my-element</b>. This is my Shadow DOM.</span>
    <content></content>
  </template>
</polymer-element>

有关更多信息，请参见和。

只需在

中添加

<polymer-element name="my-element" noscript>
  <template>
    <span>Hello from <b>my-element</b>. This is my Shadow DOM.</span>
    <content></content> Polymer,
  </template>
</polymer-element>

<my-element>Hi!</my-element>

你好，来自我的元素。这是我的影子。
聚合物，
你好

呈现 您好，来自我的元素。这是我的影子

嗨！聚合物

供参考：

<polymer-element name="my-element" noscript>
  <template>
    <span>Hello from <b>my-element</b>. This is my Shadow DOM.</span>
    <content></content> Polymer,
  </template>
</polymer-element>

<my-element>Hi!</my-element>