Question

我目前正在尝试将一组图片应用于我的模板HTML。

var z = [...jpg,...,jpg,...jpg];
var x = ["text","text","text"];

这些数组全局存储在我的文件中。

这是我的模板助手功能，我只是使用一个示例索引来查看它是否会显示在HTML中，但它无法正常工作。

Template.stop.helpers({
    'thumb': function(){
      return  z[1];
    },
    'snippet': function(){
        return x[1];
    }
});

这是我的html模板参考

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


    <h2> Do you like this product? </h2>
           <i class="fa fa-check-square-o" style=" font-size: 50px; font-size=50px; margin-top: 50; padding-top: 5px;"></i>
           <h3>{{title}}</h3>
           <h2>{{snippet}}</h2>
        </td>
      </tr>
    </template>

这里是我身体div中引用的地方

<div class="bottom">
  {{> stop}}
  </div>

我希望这些图片显示在我的HTML表格中，但我甚至无法显示。有什么想法吗？

Answer 1

代码似乎可以删除var关键字，也许在z x2上重复一次？

 z = [...jpg,...,jpg,...jpg];
 x = ["text","text","text"];

如果你有指向/public文件夹的图像数组，也要添加它。

<td class="image"><img src="public/{{thumb}}"></td>

<强>更新

if(Meteor.isClient){
      z = [...jpg,...,jpg,...jpg];
      x = ["text","text","text"];
for(var i=0;i<z.length;i++){
   console.log(z[i])
 }
  Template.stop.helpers({
    'thumb': function(){
      console.log(z[1];
      return  z[1];
    },
    'snippet': function(){
        return x[1];
    }
 });
}

如何将图像数组应用于Meteor.js中的模板助手

1 个答案: