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条件的嵌套模板,但我不喜欢。是的。我现在也在用同样的。但是我想改变它。