El contenedor with de blogger

El contenedor with de blogger es un contenedor que nos permite almacenar valores para luego poder ser usados.

Sintaxis

La sintaxis de este contenedor se construye con las etiquetas <b:with></b:with> y su estructura es la siguiente:

<b:with>
//contenido
</b:with>

Atributos

El contenedor with tiene los siguientes atributos que podemos usar.

atributo tipo uso
var string Es el nombre de la variable data que usaremos. se llama de la siguiente manera: data:var
value [string | number | boolean | object | array] Valor que contendrá la variable data que configuramos en el atributo var

Ejemplos

string

En este ejemplo veremos como podemos utilizar string con el contenedor with.

<b:with var="texto" value='"Byzeroblogger"'>
  <h1><data:texto/></h1>
</b:with>

este ejemplo imprimirá en pantalla la etiqueta h1 y el texto Byzeroblogger

Es importante que si vamos a hacer uso de texto (string) este deba llevar doble comillas para que blogger lo pueda identificar como tal.

number | boolean

El proceso para imprimir valores tipo number (números) o boolean (Falso/verdadero) es el mismo que el de string (texto), solo se deben eliminar las doble comillas.

Arreglos y objetos

En este ejemplo se muestra una manera sencilla de como poder utilizar arreglos y objetos con el contenedor with de blogger y poder recorrerlos con el el contenedor loop de blogger.

<b:with var="anime" value='[{name: "Hataraku Saibou"},{name: "Shichisei no Subaru"},{name: "Shingeki no Kyojin S3"},{name: "Asobi Asobe"}]'>
  <b:loop var="post" values="data:anime">
    <h2><data:post.name/></h2>
  </b:loop>
</b:with>

El ejemplo anterior imprimirá el siguiente html:

<h2>Hataraku Saibou</h2>
<h2>Shichisei no Subaru</h2>
<h2>Shingeki no Kyojin S3</h2>
<h2>Asobi Asobe</h2>

Variables data de blogger dentro del contenedor with

Es posible también pasar valores data propios de blogger al contenedor with.

<b:with var="miblog" value='{title: data:view.title, url: data:view.url}'>
  <h1><data:miblog.title/></h1>
  <a expr:href="data:miblog.url">ir a inicio</a>
</b:with>

este ejemplo imprimirá en pantalla el siguiente html:

<h2>Título de tu web</h2>
<a href="url-de-tu-web">Ir a inicio</a>

Y bueno, eso es todo. Si te ha gustado el artículo o tienes alguna idea, critica o algo que decir, puedes dejarlo en lo comentarios, todo comentario es bien recibido. Si puedes, te invito a que compartas esta entrada en tus redes sociales, eso me ayudaría mucho. Gracias y hasta pronto.

Otros artículos que quizá te gusten.

cargando...

Comentarios

Publicar un comentario