recursion - Enlace de plantilla recursivo de polímero

polymer

Question

Estoy teniendo problemas para migrar un elemento personalizado que usó un enlace de plantilla recursivo en Polymer 0.5. El código HTML del elemento personalizado era como:

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

¿Cómo podría escribir la misma construcción en Polymer 0.9? si la función aún no es compatible, ¿hay planes de incluirla en las futuras versiones de Polymer?

Gracias

Answer 1

Puede incluir un elemento personalizado dentro de sí mismo:

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>