Handlebars.js: Asignar variables en plantilla

Creado en 29 mar. 2013 · 11Comentarios · Fuente: handlebars-lang/handlebars.js

¿Es posible asignar una variable dentro de una plantilla y usarla como variables desde el exterior?

Ejemplo:
Quiero generar una tabla, pero 1 columna es opcional, depende de los datos (fields[].field2) existen o no.

En cada fila no hay problema para verificar, pero ¿cómo verificar el encabezado?

<table>
  <thead>
    <tr>
      <th>Head 1</th>
      <th>Head 2 (optional)</th>
      <th>Head 3</th>
    </tr>
  </thead>
{{#each fields}}
  <tr>
    <td>{{{field1}}}</td>
    {{#if field2}}<td>{{{filed2}}}</td>{{/if}}
    <td>{{{field3}}}</td>
  </tr>
{{/each}}
</table>

Por el momento, uso una función auxiliar inestable "asignar" que crea ayudantes.

{{#each fields}}
  {{#if field2}}
    {{assign "helperVar" "<th>Head 2 (optional)</th>"}}
  {{/if}}
{{/each}}

Output with: {{{helperVar}}}

Pero esa no es una buena solución y no puedo usarla en #if.

Fuente

rottmann

Comentario más útil

:+1:

@kpdecker Podemos tener bucles, declaraciones if y otras construcciones lógicas en plantillas. ¿Pero aparentemente asignar una variable es _demasiada_ lógica en las plantillas? Realmente no entiendo el razonamiento detrás de esa decisión cuando los otros ayudantes predeterminados contienen mucha más lógica que simplemente tener la capacidad de asignar una variable.

efuquen en 30 mar. 2015

👍41 🎉8 😄3

Todos 11 comentarios

Esto va en contra de la premisa de plantillas sin lógica y no creo que esto deba ser una construcción a nivel de lenguaje.

Creo que el enfoque recomendado aquí sería calcular estos datos en su lógica de creación de contexto y pasarlos a la plantilla. Esto permite mucho más control ya que tiene a su disposición el lenguaje javascript completo en lugar de cualquier subconjunto implementado en el lenguaje de la plantilla.

template({
  fields: fields,
  hasField2: _.any(fields, function(item) { return item.field2; })
});

kpdecker en 31 mar. 2013

👎6

Creo que esta sería una buena función, no para introducir más lógica en la plantilla, sino para pasar variables que son específicas de esa plantilla.

Por ejemplo, 2 de mis plantillas usan el mismo parcial. Me gustaría poder pasar algunas variables a ese parcial desde el nivel de la plantilla para que se generen cosas diferentes para la plantilla diferente dentro del alcance del parcial.

tnguyen14 en 14 jun. 2013

ianbytchek en 17 sept. 2014

giyyapan en 30 oct. 2014

:+1:

koemeet en 10 dic. 2014

:+1:

efuquen en 30 mar. 2015

👍41 🎉8 😄3

luisdaniel en 28 abr. 2015

gudoy en 25 jun. 2015

booleangate en 15 jul. 2015

miquelescolar en 30 jul. 2015

Algo similar a esto puede implementarse usando parámetros de bloque y está documentado aquí:
http://handlebarsjs.com/block_helpers.html#block -params

Dado que esto se hace en un espacio de nombres separado fuera del contexto actual, proporciona un comportamiento más consistente sobre la asignación de contexto.

kpdecker en 9 ago. 2015

🎉2

¿Fue útil esta página

0 / 5 - 0 calificaciones