模板上的把手兩件產品

所以我有一個簡單的模板，我很容易調用我的產品，問題是現在我想在每個循環中顯示兩個產品，但是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));

任何幫助將不勝感激。

來源

2014-09-01 user2770956

請顯示您傳遞的數據以呈現此模板，以便我們可以看到模板必須使用的內容以及任何相關幫助程序的代碼。 – jfriend00 2014-09-01 20:54:13

編輯該問題以添加JSON數據。 – user2770956 2014-09-01 21:00:43

使用手柄＃每個助手。

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

來源

2014-09-01 21:43:53 user3995789

謝謝你的回答，但這不是我想要做的，我有兩個元素（「.producto1」和「.producto2」）內「.itemproducto」，我需要顯示兩個產品從JSON數組在同樣的循環。 – user2770956 2014-09-01 21:49:31

@ user2770956哦，你不能這樣做，除非你改變你的數據結構，你不需要改變JSON，只需添加一個計算屬性，將兩個屬性組合在一起，然後循環。 – user3995789 2014-09-01 21:50:51

模板上的把手兩件產品

回答

相關問題