Estoy usando plantillas jquery para generar una estructura en árbol para mostrar una vista en árbol de secciones y elementos.Plantillas JQuery: demasiada recursión
La estructura de los datos se ve como este, donde cada sección tiene artículos y secciones y cada elemento puede tener más secciones:
section
items
item
sections
item
sections
sections
section
sections
items
...and so on
Mis plantillas a continuación, llamar de forma recursiva entre sí:
<script id="my-item-tmpl" type="text/x-jquery-tmpl">
<li>
<span>${text}</span>
<ul>
{{each sections}}
{{tmpl($value) "sectionTmpl"}}
{{/each}}
</ul>
</li>
</script>
<script id="my-section-tmpl" type="text/x-jquery-tmpl">
<li>
<span>${text}</span>
<ul>
{{each items}}
{{tmpl($value) "itemTmpl"}}
{{/each}}
{{each sections}}
{{tmpl($value) "sectionTmpl"}}
{{/each}}
</ul>
</li>
</script>
$("#my-item-tmpl").template('itemTmpl');
$("#my-section-tmpl").template('sectionTmpl');
$.tmpl('sectionTmpl', { section }).appendTo(this);
I estoy encontrando sin embargo con alrededor de 4 niveles en la estructura, recibo un error de "too much recursion
"en mi consola.
¿Es esto solo una limitación del jQuery Templa? te motor?
Editar:
he resuelto mediante la eliminación de la {{each}}
y su sustitución por una llamada {{tmpl}}
. El {{each}}
no fue necesario. También he completado cada llamada {{tmpl}}
en un {{if}}
para asegurar que la colección existe.
Quizás sea una advertencia de que está a punto de recibir un error de desbordamiento de pila. –