如何从流星中的数组创建多个表行

Question

您好，我想知道如何使用模板助手从数组创建多个表行？目前，我将数组中的所有图像都返回到同一行。理想情况下，我希望每个图像在表格中都有自己的行。我该如何处理？

   <template name="stop">  
      <tr>
        {{#each thumb}} 
        <td class="image"><img src="{{this}}"></td>{{/each}}
        <td>

      </td>
      </tr>
    </template>

这是我的模板助手。

      Template.stop.helpers({

        'thumb': function(data){

        return Chartdata.findOne().data;

        },
        'snippet': function(){
            return x[1]
        }
    });

Chartdata.findOne().data;等于图像 url 的数组。

Answer 1

为什么不直接将数组迭代 ({{#each}}) 移动到行级别？

<template name="stop">
  {{#each thumb}}
    <tr> 
      <td class="image">
        <img src="{{this}}">
      </td>
    </tr>
  {{/each}}
</template>

这样，数组中的每个项目都将呈现为一个新行 (<tr>)。