聚合物：如何从元素内部程序性地将节点添加到聚合物元素的Light Dom中？

Question

我正在尝试定义一个自定义聚合物元素（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>节点在轻型DOM中公开？

Answer 1

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