如何使用一維數組嵌套每個語句？ （handlebars/node.js）

Question

我試圖通過一個數組循環來創建一系列的列，然後在每一列填充一個選擇菜單與圖像列表。

這是我用來渲染視圖的代碼;

var text = ['one', 'two', 'three'] 
var imgs = ['img1.png', 'img2.png', 'img3.png'] 

res.render('validate', {test: text, images: imgs}); 

而把手的代碼;

<div class="column-container"> 
    {{#each test}} 
     <div class="column"> 
      <h1>{{this}}</h1> 

      <select> 
       {{#each images}} 
        <option value="{{this}}">{{this}}</option> 
       {{/each}} 
      </select> 
     </div> 
    {{/each}} 
</div> 

運行此代碼時，第一個每個語句是唯一被識別的語句，並且每列中的選擇菜單返回空白。

第一次使用模板引擎，所以不確定每個助手是否打算以這種方式使用？

Answer 1

您可以使用../爬上命名空間階梯，即脫離循環範圍。

. 
    . 
<select> 
    {{each ../images}} 
     <option value="{{this}}">{{this}}</option> 
    {{each}} 
</select> 
    . 
    .