每个把手都有父母的背景

时间:2015-10-29 18:20:46

标签: javascript handlebars.js

我已经在网上搜索了几个小时,而且我不知道为什么这段代码不起作用。

我试图遍历一个数组,其中是另一个我要循环的数组。如果我尝试在该对象中显示变量,它将不会显示任何内容。但是,如果我尝试记录这个'或者我要记录的值,它显示正确的上下文。

<div class="invoice-content">
    {{#usageData}}
    <h2>{{title}}</h2>
    <table class="bill-detail-table js-table-{{id}}">
        <thead>
            <tr>
            {{#columns}}
                {{log this}}
                {{log label}}
                <th>{{label}}</th>
            {{/columns}}
            </tr>
        </thead>
    </table>
    {{/usageData}}
</div>

当我记录这个&#39;时,我会显示正确的背景: Object {label: "Date", value: "foobar"} 当我记录&#39;标签&#39;时,它也会显示正确的值:&#39;日期&#39;。

但无论出于何种原因,<th>{{label}}</th>都保持空白。但是我可以通过显示<th>{{columns.[0].label}}</th>来显示正确值。除此之外,我还注意到它没有遍历完整的列数组。它只能遍历该阵列一次。

我的输入数据如下所示: Handlebars input data

我非常感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

问题在于模板是内联的而不是脚本标签。我认为浏览器做了一些rending事情,导致脚本中断。一旦我将所有内容都移回脚本标签,问题就解决了!