переменной Pass в вложенные Рулях шаблонов/частичные

Question

У меня есть этот контекст:

{ 
    path: "/some/path/to/files/", 
    sections: [ 
    { 
     title: "Title 1", 
     files: [ 
     { name: "file1.zip" }, 
     { name: "file2.zip" } 
     ] 
    } 
    ] 
} 

Моих шаблоны и частичное:

<!-- Global container template --> 
<script id="container-template" type="text/x-handlebars-template"> 
    {{#each sections}} 
     {{> sectionPartial }} 
    {{/each}} 
</script> 

<!-- Section partial --> 
<script id="section-partial" type="text/x-handlebars-template"> 
    <h2>{{ title }}</h2> 
    <ul> 
     {{#each files}} 
      {{> filesPartial }} 
     {{/each }} 
    </ul> 
</script> 

<!-- Files Partial --> 
<script id="files-partial" type="text/x-handlebars-template"> 
    <li> 
     <!-- Below is where I need to use the path value --> 
     <a href="{{ path }}{{ name }}>{{ name }}</a> 
    </li> 
</script> 

В конце концов я хочу предварять path к href в files-partial. Но это вложенное частичное внутри другого частичного. Как я могу получить доступ к этому значению? Я попытался это:

... 
{{> sectionPartial path=path }} 
... 

и

... 
{{> filesPartial path=path }} 
... 

мышления было бы передать значение path вниз в обертоны, но это не так. Что мне здесь не хватает?

Связанный вопрос, если у меня есть случайная переменная, объявленная где-то в моем JavaScript, как я могу получить доступ к этой переменной JavaScript в своих шаблонах и частицах?

Answer 1

Вы на правильном пути, но путь должен быть

{{> filesPartial path=../path}}

Вот скрипку. https://jsfiddle.net/18fjdq2e/1/