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.