El contenedor loop de blogger


En este artículo hablaremos del contenedor loop de blogger que nos permite repetir x cantidad de veces o bien recorrer un conjunto de objetos. Se usa más que nada para recorrer las entradas del blog y los gadgets que lo requieran. Así que sin más que decir, vamos a ello.

sintaxis

la sintaxis de este contenedor se compone de las siguientes etiquetas <b:loop></b:loop>.

<b:loop>
//elementos a mostrar
</b:loop>

Atributos

Los atributos para el contenedor loop son los siguientes

atributo tipo uso
var [ string ] Se usará como variable dentro del loop. eje: <data:identificador/>
values [ object | array ] Se le debe pasar un valor tipo object o array
index [ string ] Nos permite obtener el índice del bucle empezando desde cero, se llama de la siguiente manera: <data:identificador/>
reverse [ boolean ] Nos permite empezar el bucle desde su último valor hasta el primero.

Ejemplos

usando arrays

En este ejemplo veremos como poder usar arrays utilizando el contenedor loop de blogger.

<b:loop var="arr" values='[1,2,3,4, "Hola", false, true, "Emooshon"]'>
<data:arr/><br/>
</b:loop>

esto imprimirá en pantalla lo siguiente:

1
2
3
...

ejemplo utilizando objetos

Ahora veremos un ejemplo utilizando objetos con el contenedor loop.

<b:loop var="arr" values='{title: "Soy un titulo", description: "texto de prueba... :3"}'>
  <h2><data:arr.title/></h2>
  <p><data:arr.description/></p>
</b:loop>

El ejemplo anterior imprimirá en pantalla el siguiente html:

<h2>Soy un titulo</h2>
<p>paddingtexto de prueba... :3 </p>

ejemplo con index e intervalo con números

En este otro ejemplo veremos como podemos usar el atributo index del contenedor loop y como crear intervalos de números.

<b:loop var="arr" index="index" values='1 to 5'>
	<p>index: <data:index/></p>
	<p>identificador: <data:arr/></p>
</b:loop>

el ejemplo anterior imprimirá el siguiente html:

<p>index: 0</p>
<p>identificador: 1</p>
...

Ya con este último ejemplo doy por acabo esté post, si te ha sido de utilidad o bien tienes dudas, no olvides dejar tu comentario, también si puedes te invito a que compartas éste artículo en tus redes sociales eso me ayudaría mucho. Hasta pronto.

Otros artículos que quizá te gusten.

cargando...

Comentarios

Publicar un comentario