Polymer 聚合物元件动态加载的插入点
如何使用插入点对聚合物元件进行动态加载。我想根据父聚合元素中得到的类型加载子聚合元素Polymer 聚合物元件动态加载的插入点,polymer,Polymer,如何使用插入点对聚合物元件进行动态加载。我想根据父聚合元素中得到的类型加载子聚合元素 <polmer-element name="child-one" attributes="data"> <template> {{data.name}}, {{data.age}} </template> <script> Polymer("child-one", { }) <s
<polmer-element name="child-one" attributes="data">
<template>
{{data.name}}, {{data.age}}
</template>
<script>
Polymer("child-one", {
})
<script>
</polmer-element>
<polmer-element name="child-two" attributes="data">
<template>
{{data.location}}
</template>
<script>
Polymer("child-two", {
})
<script>
</polmer-element>
<polmer-element name="parent-element" attributes="dataList type">
<template>
<template repeat="data in dataList">
//Here based on type, I want to load child-one or child-two. Ideally the number of childs will increase.
//I need to send the data also along with that.
//So it might be <child-one data="{{data}}"></child-one> or <child-two data="{{data}}"></child-two>
</template>
</template>
<script>
Polymer("parent-element", {
})
<script>
</polmer-element>
试着这样做:
<polymer-element id="child-one" name="child-one" attributes="data" noscript>
<template>
{{data.name}}, {{data.age}}
</template>
</polymer-element>
<polymer-element name="child-two" attributes="data" noscript>
<template>
{{data.location}}
</template>
</polymer-element>
<polymer-element name="parent-element" attributes="dataList type">
<template>
<template id="one">
<child-one data="{{data}}"></child-one>
</template>
<template id="two">
<child-two data="{{data}}"></child-two>
</template>
<template repeat="{{data in dataList}}">
<template bind ref="{{type}}"></template>
</template>
</template>
<script>
Polymer('parent-element', {
dataList: [{name:'a',age:1, location:'q'},{name:'b',age:2, location:'qq'},{name:'c',age:3, location:'qqq'},{name:'d',age:4, location:'qqqq'}]
})
</script>
</polymer-element>
<parent-element type="two">
</parent-element>
我认为模板ref通过id引入模板。我想引入聚合物元素本身。对于模板ref,我们需要有一个模板,并且模板id在ref中提到,才能带来它。你可以使用带有if条件的嵌套模板,但我不喜欢。是的。我现在也在用同样的。但是我想改变它。