首页 文章

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

提问于
浏览
2

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

  • 2

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

相关问题