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

时间:2015-02-21 13:58:24

标签: javascript arrays templates meteor handlebars.js

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

   <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()的数据;等于图像网址数组。

1 个答案:

答案 0 :(得分:0)

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

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

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