我正在尝试遍历一个数组以创建一系列列,然后在每个列中填充一个带有图像列表的选择菜单。
这是我用来渲染视图的代码;
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>
运行此代码时,第一个语句是唯一被识别的语句,每列中的选择菜单返回空。
第一次使用模板引擎,所以不确定是否要以这种方式使用每个帮助器?
答案 0 :(得分:1)
您可以使用../
爬上命名空间阶梯,即退出循环范围。
.
.
<select>
{{each ../images}}
<option value="{{this}}">{{this}}</option>
{{each}}
</select>
.
.