Etiqueta b:loop

b:includable Blogger

Las etiquetas b:loop nos permiten crear ciclos con el fin de extraer los datos de un Array, quien a su vez puede estar conformado por datos del tipo objetos, texto, booleanos o números.


b:loop

Crea ciclos con los datos de una tabla especifica. Su sintaxis es la siguiente:


<b:loop values='[array]' var='[variable]'>
    <!-- Condigo en ejecución -->
</b:loop>

La etiqueta b:loop soporta parametros opcionales. En la siguiente tabla se encuentran los disponibles:


index [string] Opcional. Índice del ciclo.
reverse [boolean] Opcional. Invierte la dirección del bucle.
values [array] Obligatorio. Tabla a recorrer.
var [variable] Obligatorio. Variable que recoge los datos de la tabla.

En el siguiente ejemplo tomamos la table de los post, la cual se conforma por objetos array{Object}. El bucle se repetirá hasta llegar al último post de la tabla.


<b:loop values='data:posts' var='i'>
    <a expr:href='data:i.url'><data:i.title/></a>
</b:loop>

En este otro ejemplo lo que hacemos es limitar el bucle hasta llegar a la posición número 5, lo que detendra el ciclo.


<b:loop values='data:posts limit 5' var='i'>
    <data:i.snippet/>
</b:loop>

Ahora lo que haremos es agregar un índice para poder enumerar los artículos y a su vez, al indice se le sumará "1" ya que una tabla comienza desde el 0.


<b:loop values='data:posts' index='postNum' var='i'>
    <p>Entrada numero: <b:eval expr='data:postNum + 1'/></p>
</b:loop>

Tablas

También tenemos la opcion de crear nuestras propias tablas, para ello solo debemos escribirlas como lo haríamos con una tabla en javascript, por ejemplo:


<b:loop values='["sandia","naranja","manzana"]' var='frutas'>
    <data:frutas/>
</b:loop>

Si solo queremos crear una serie numerica podemos usar el operador to para ello, de la siguiente forma:


<b:loop values='1 to 100' var='number'>
    <data:number/>
</b:loop>

Esta entrada se complementó gracias a la ayuda de Blogger Code, si quieres aprender mas sobre b:loop te invito a leer Los bucles.