每个不能跑两次？答案

【问题标题】：Each cant run twice?每个不能跑两次？
【发布时间】：2018-06-04 03:08:09
【问题描述】：

这在某种程度上是我的 TD 未呈现的把手的一个简单问题。

我的车把：

<table class="defaultTable" style="width:90mm;">
   <colgroup>
      {{#each cols}}
         <col style="width:{{this.width}}mm;">
      {{/each}}
   </colgroup>
   <tbody>
      {{#each rows}}
         <tr>
            {{#each cols}}
               <td>{{this.content}}</td>
            {{/each}}
         </tr>
      {{/each}}
   </tbody>
</table>

我的数据：

cols = [{
    width: 45,
    content: ''
},{
    width: 45,
    content: ''
}];

Rows = [{},{}];

我的输出

<table class="defaultTable" style="width:90mm;">
   <colgroup>
         <col style="width:45;">
         <col style="width:45;">
   </colgroup>
   <tbody>
         <tr>
         </tr>
         <tr>
         </tr>
   </tbody>
</table>

为什么 tds 没有被渲染？我是否错过了有关每个循环应如何工作的内容？

谢谢。

【问题讨论】：

当您在 {{#each}} 块内时，您需要提高上下文级别。请参阅：handlebarsjs.com/#paths。另外，请确保您与命名 rows 的方式一致 - 始终或从不将第一个字符大写。

标签： handlebars.js each

【解决方案1】：

正如评论所述，我确实脱离了上下文块。它在 rows 对象中搜索 cols。将发布修复程序，以便其他有相同问题的人可以看到，希望它对某人有所帮助。

 <tbody>
      {{#each rows}}
         <tr>
            {{#each ../cols}}
               <td>{{this.content}}</td>
            {{/each}}
         </tr>
      {{/each}}
   </tbody>

cols 上的../ 解决了这个问题。

【讨论】：