把手模板：將多個數組打印到表格中

Question

我想將多個數組打印到表格中。數據包含在兩個數組中，它就像一個名稱值對。我不知道句柄語法，所以任何幫助表示讚賞

使用Javascript的數組如下： keys = {「name」，「age」，「address」}; values = {「AD」，「2」，「123st」};

車把（版本1.0 RC2）模板看起來像下面但似乎不打印任何東西。任何提示？

<table> 
    {{#each keys}} 
     <tr> 
      <td> {{keys.@index}}</td> 
      <td> {{values.@index}} </td> 
     </tr> 
    {{/each}} 
</table> 

Answer 1

請注意，在你的問題中數組不是有效的JavaScript語法，應在方括號，而不是大括號包裹（例如，["name", "age", "address"]）。

我認爲你的數據結構可以改進，我會建議字符串的這兩個數組合併成一個單一的對象：

​​3210

我們可以創建一個能夠遍歷每個屬性在我們的對象的新模板我們可以用Handlbars' built-in {{@key}}訪問密鑰：

<script id="Template1" type="text/x-handlebars-template"> 
    <table> 
     {{#each this}} 
      <tr> 
       <td>{{@key}}</td> 
       <td>{{this}}</td> 
      </tr> 
     {{/each}} 
    </table> 
</script> 

如果由於某種原因，你必須用兩個數組堅持，我們可以使用Handlebars' lookup helper訪問values陣列上的要求特性：

<script id="Template2" type="text/x-handlebars-template"> 
    <table> 
     {{#each keys}} 
      <tr> 
       <td>{{this}}</td> 
       <td>{{lookup ../values @index}}</td> 
      </tr> 
     {{/each}} 
    </table> 
</script>