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

时间:2014-08-20 09:33:23

标签: polymer

我正在尝试定义一个自定义聚合物元素(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中公开?

1 个答案:

答案 0 :(得分:2)

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