Handlebars.js中的'each'中的变量未定义

Question

我有我的渲染功能:

renderTracksList = function(tracks){
    var source   = $("#timeline-template").html();
    var template = Handlebars.compile(source);
    var data     = {
                    tracks: tracks, 
                    client_id: App.config.client_id
                };

    var html     = template(data);

    $('#timeline').html(html);
}

在我的模板中,我试图client_id在循环中使用print ,但是在循环上下文中它是未定义的,那么如何访问和打印变量？

{{#each tracks}}
<div class="track">
    {{title}} - 
    <a href="javascript:App.play('{{permalink_url}}')">PLAY</a>
    {{#if downloadable}}
    - <a href="{{download_url}}?client_id={{client_id}}" target="_blank">DOWNLOAD</a>
    {{/if}}
</div>
{{/each}}

顺便说一句,我已经尝试过了:

<a href="{{download_url}}?client_id={{../client_id}}" target="_blank">DOWNLOAD</a>

Answer 1

尝试重复../了这两个{{#if}}和{{#each}}:

<a href="{{download_url}}?client_id={{../../client_id}}" target="_blank">DOWNLOAD</a>

尽管{{#if}}保留了上一个上下文的值,但它仍然会在堆栈中创建另一个../后退条目.