我正在尝试定义一个自定义聚合物元素(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中公开?
答案 0 :(得分:2)
您可以使用Polymer.dom(this).appendChild()
添加它们。
您添加的节点将放在灯光dom中,<content>
标签会将它们显示在元素中。