javascript - handlebars - npm hbs

Handlebars.js usando../ para hacer referencia al contexto principal

Question

Digamos que tengo la siguiente plantilla JSON y handlebars.js:

JSON

{ 
  rootPath: ''/some/path/'',
  items:[ {
    title: ''Hello World'',
    href: ''hello-world''
  },  {
    title: ''About'',
    href: ''about''
  },  {
    title: ''Latest News'',
    href: ''latest-news''
  }
}

Modelo

<script id="test-template" type="text/x-handlebars-template">

  <ul class="nav">
    {{#each items}}
      <li><a href="{{../rootPath}}{{href}}">{{title}}</a></li>
    {{/each}}
  </ul>

</script>

La plantilla de arriba funciona, hasta que quiero filtrar elementos. Digamos que tenemos 2 listas una impar y la otra par, aquí hay una plantilla simple para impar:

<script id="test-template" type="text/x-handlebars-template">

  <ul class="nav">
    {{#each items}}
      {{#isOdd @index}}
        <li><a href="{{../rootPath}}{{href}}">{{title}}</a></li>
      {{/isOdd}}
    {{/each}}
  </ul>

</script>

Y el ayudante registrado:

// isOdd, helper to identify Odd items
Handlebars.registerHelper(''isOdd'', function (rawValue, options) {
  if (+rawValue % 2) {
    return options.fn(this);
  } else {
    return options.inverse(this);
  }
});

Los ayudantes funcionan como se esperaba y solo se representan los elementos impares; sin embargo, la referencia al contexto principal se pierde, por lo que la directiva {{../rootPath}} ~~ no puede representar ~~ representa un valor vacío.

¿Hay alguna manera de pasar el contexto principal a través del bloqueo de ayuda?

Answer 1

Modificar

<a href="{{../rootPath}}{{href}}"> to this:
<a href="{{../../rootPath}}{{href}}">

¿Por qué? porque la instrucción if está en un contexto interno, por lo que primero debe subir un nivel y es por eso que debe agregar ../

Ver más detalles en: https://github.com/wycats/handlebars.js/issues/196