我已经在网上搜索了几个小时,而且我不知道为什么这段代码不起作用。
我试图遍历一个数组,其中是另一个我要循环的数组。如果我尝试在该对象中显示变量,它将不会显示任何内容。但是,如果我尝试记录这个'或者我要记录的值,它显示正确的上下文。
<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>
来显示正确值。除此之外,我还注意到它没有遍历完整的列数组。它只能遍历该阵列一次。
我非常感谢任何帮助!
答案 0 :(得分:0)
问题在于模板是内联的而不是脚本标签。我认为浏览器做了一些rending事情,导致脚本中断。一旦我将所有内容都移回脚本标签,问题就解决了!