Associazione modello ricorsivo polimerico

Question

Non riesco a eseguire la migrazione di un elemento personalizzato che utilizzava un binding di modello ricorsivo in Polymer 0.5. Il codice HTML dell'elemento personalizzato era:

<template> 
    <template bind="{{ items }}" id="t"> 
     <section id="{{ id }}" appName="{{ id }}"> 
      <template ref="t" repeat="{{ children }}"></template> 
     </section> 
    </template> 
</template> 

Come potrei scrivere lo stesso costrutto in Polymer 0.9? se la funzione non è ancora supportata, è prevista la sua inclusione nelle future versioni di Polymer?

Grazie

Answer 1

È possibile includere un elemento personalizzato all'interno di se stesso:

my-recursive.html

<link rel="import" href="../polymer/polymer.html"> 

<dom-module id="my-recursive"> 
    <template> 
    <template is="dom-repeat" items="{{data}}"> 
     <section id="{{item.id}}" appName="{{item.id}}"> 
     <my-recursive data="{{item.children}}"></my-recursive> 
     </section> 
    </template> 
    </template> 
</dom-module> 

<script> 
    Polymer({ 
    is: 'my-recursive' 
    }); 
</script> 

index.html

<my-recursive 
    data='[{"id":1,"name":"top1","children":[{"id":3,"name":"mid1","children":[]},{"id":5,"name":"mid3","children":[]}]},{"id":2,"name":"top2","children":[{"id":4,"name":"mid2","children":[]}]}]' 
></my-recursive>