javascript - Acceda a una variable fuera del alcance de un Handlebars.js cada bucle

templates scope

Question

Tengo una plantilla de handlebars.js, como esta:

{{externalValue}}
<select name="test">
{{#each myCollection}}
<option value="{{id}}">{{title}} {{externalValue}}</option>
{{/each}}
</select>

Y este es el resultado generado:

myExternalValue
<select name="test">
<option value="1">First element </option>
<option value="2">Second element </option>
<option value="3">Third element </option>
</select>

Como era de esperar, puedo acceder a los campos id y title de cada elemento de myCollection para generar mi selección. Y fuera de la selección, mi variable externalValue se imprime correctamente ("myExternalValue").

Desafortunadamente, en los textos de opciones, externalValue valor del valor externalValue nunca se imprime.

Mi pregunta es: ¿cómo puedo acceder a una variable fuera del alcance de handlebars.js cada una desde dentro del ciclo?

Como siempre, gracias de antemano.

Answer 1

Tratar

<option value="{{id}}">{{title}} {{../externalValue}}</option>

El segmento de ruta ../ referencia al alcance de la plantilla principal que debería ser lo que desea.