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