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);
}

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

{{#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}}保留了上一个上下文的值，它仍会在堆栈中创建另一个../后退的条目。