把手模板：将多个数组打印到表格中

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>