使用Nunjucks Templating循环整数值

Jam*_*ley 19 javascript templating node.js nunjucks

我对nunjucks很新,从我所看到的这是不可能的,但我想知道是否有人想出办法.

我基本上希望基于值而不是对象的大小在nunjucks模板中执行for循环.

假设您将以下数据传递给模板.假设房间数量值是<select>元素中所选选项的值:

data : {
 numberOfRooms : 4
}
Run Code Online (Sandbox Code Playgroud)

在传统的JS中,我可以编写for循环并根据numberOfRooms值限制循环:

for (var i = 0; i < data.numberOfRooms; i ++) {
  // do something...
}
Run Code Online (Sandbox Code Playgroud)

我的最终目标是在Nunjucks模板中编写一个循环,该模板将复制标记块X次,其中X是numberOfRooms值.

那么,如果这是可能的,那么如何用Nunjucks实现这一目标呢?如果这完全违背了Nunjucks的目的那么请说,任何其他建议将不胜感激.

Jer*_*NER 27

你应该能够使用该range构造 - https://mozilla.github.io/nunjucks/templating.html#range-start-stop-step

{% for i in range(0, data.numberOfRooms) -%}
  {{ i }},
{%- endfor %}
Run Code Online (Sandbox Code Playgroud)