php

Concatenar cadenas en Twig

En este post te mostraré cómo concatenar cadenas o strings dentro de una plantilla de Twig.

Normalmente en PHP las concatenaciones de cadenas se hace a través del operador punto, pero para concatenar strings en Twig se debe usar el operador ~ que no sé cuál nombre tenga, pero se usa ese.

Unir cadenas en Twig

Veamos un ejemplo para concatenar dos cadenas:

<h1>{{ "Hola" ~ " mundo" }}</h1>

Podríamos igualmente concatenar variables:

<div class="mt-3 alert alert-{{ tipo}}">
    {{mensaje ~ tipo}}
</div>

Y variables con cadenas:

{{una_variable ~ " " ~ otra_variable}}

Interpolación de cadenas en Twig

Además del operador ~ para unir cadenas en Twig, podemos usar la interpolación de cadenas si tenemos variables o expresiones usando lo siguiente dentro de una cadena:

#{expresión}

Por ejemplo:

<h1>{{ "Hola ,#{nombre} gusto en conocerte" }}</h1>

Además de las variables, se pueden usar expresiones:

<h1>{{ "5 + 5 es igual a #{5 + 5}" }}</h1>

A esto se le llama interpolación de cadenas en Twig, y solo funciona con comillas dobles.

Podemos usar esta opción, o el operador para concatenar cadenas.

Estoy aquí para ayudarte 🤝💻


Estoy aquí para ayudarte en todo lo que necesites. Si requieres alguna modificación en lo presentado en este post, deseas asistencia con tu tarea, proyecto o precisas desarrollar un software a medida, no dudes en contactarme. Estoy comprometido a brindarte el apoyo necesario para que logres tus objetivos. Mi correo es parzibyte(arroba)gmail.com, estoy como@parzibyte en Telegram o en mi página de contacto

No te pierdas ninguno de mis posts 🚀🔔

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.
parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

Entradas recientes

Creador de credenciales web – Aplicación gratuita

Hoy te voy a presentar un creador de credenciales que acabo de programar y que…

2 días hace

Desplegar PWA creada con Vue 3, Vite y SQLite3 en Apache

Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…

1 semana hace

Arquitectura para wasm con Go, Vue 3, Pinia y Vite

En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…

1 semana hace

Vue 3 y Vite: crear PWA (Progressive Web App)

En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…

1 semana hace

Errores de Comlink y algunas soluciones

Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…

1 semana hace

Esperar promesa para inicializar Store de Pinia con Vue 3

En este artículo te voy a enseñar cómo usar un "top level await" esperando a…

1 semana hace

Esta web usa cookies.