模板上的把手两件产品

Question

所以我有一个简单的模板，我很容易调用我的产品，问题是现在我想在每个循环中显示两个产品，但是handlebars将它管理为给予两个元素相同的数据。

这是模板：

 <script id="template_prod" type="text/x-handlebars-template"> 
     {{#productos}} 
     <div class="itemproducto"> 
      <a class="productos producto1"> 
      <img src="{{thumb}}"> 
      <p>{{nombre}}</p> 
      </a> 
      <a class="productos producto2"> 
      <img src="{{thumb}}"> 
      <p>{{nombre}}</p> 
      </a> 
     </div> 
     {{/productos}} 
     </script> 

编辑2：JSON数据+功能

var source = $("#template_prod").html(); 
var template = Handlebars.compile(source); 
var data = { 
    productos: [ 
    { 
    "nombre":"foo","thumb":"bar" 
    }, /*repeat ad infinitum*/ 
    ] 
}; 
$("#listaproductos").append(template(data)); 

任何帮助将不胜感激。

Answer 1

使用手柄＃每个助手。

{{#each productos}} 
    <div class="itemproducto"> 
     <a class="productos producto1"> 
     <img src="{{thumb}}"> 
     <p>{{nombre}}</p> 
     </a> 
    </div> 
    {{/each}}