如何使用傳遞給模板的把手數組

Question

我有一個包含簡單數組的變量，例如：

var terms = ["1 year", "2 years"]

並通過執行以下操作將其傳遞給我的車把模板：

var template = Handlebars.compile( $('#template').html() );

$('div.container').append(template(terms)).append(template(data));

但是我不知道如何訪問模板中的terms 。 我努力了：

{{#each terms}}
     {{this}}
{{/each}}

我可以使用以下方式從ajax調用訪問data ：

 {{#each this}}
     {{column_name}}
{{/each}}

但是我對如何訪問要附加的變量感到困惑。 順便說一句，是否有一種更干凈的方法將數據變量添加到上下文中？ 我是Handlebars的新手，這是我看到代碼設置的唯一方法。 謝謝

Answer 1

這更具胡須味，但它可以解決您的問題：

<script id="tmp" type="text/x-template">
     <div>
        {{#terms}}
            <p>
                {{.}}
            </p>
        {{/terms}}
    </div>
</script>

var data = {terms: ['1 year', '2 years']};
var template = document.getElementById("tmp").innerHTML;
var templateCompile = Handlebars.compile(template);
var result = templateCompile(data);

console.log(result) // <div><p>1 year</p><p>2 years</p></div>

小提琴