聚合物：如何从元素内部按程序将节点添加到聚合物元素的 Light Dom？答案

【问题标题】：Polymer : How to procedurally add nodes to a polymer-element's Light Dom, from inside the element?聚合物：如何从元素内部按程序将节点添加到聚合物元素的 Light Dom？
【发布时间】：2014-08-20 09:33:22
【问题描述】：

我正在尝试定义一个自定义聚合物元素 (groups-manager)，它采用 JSON 配置并生成其内容（一组称为 generic-group 的自定义聚合物元素）：

<polymer-element name="groups-manager" attributes="display type config">
    <template>      

        <content id="content" select="generic-group">

            <template repeat="{{c in config}}">
                <generic-group id="{{c.groupName}}" config="{{c}}" type="{{type}}">
                </generic-group>
            </template>

       </content>
    </template>

    <script>
      Polymer('groups-manager',{})
    </script>
</polymer-element>

虽然包含在 <content> 节点中，但我的 <generic-group> 节点成为 Shadow DOM 的一部分。

有没有办法让模板生成的 <generic-group> 节点暴露在 light DOM 中？

【问题讨论】：

标签： polymer

【解决方案1】：

您可以使用Polymer.dom(this).appendChild() 添加它们。你添加的节点会被放到light dom中，<content>标签会显示到元素中。

【讨论】：