javascript - 使用 Nunjucks 模板循环整数值

Question

我对 nunjucks 很陌生，从我所读到的内容来看这是不可能的，但我想知道是否有人想出了这样做的方法。

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

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

data : {
 numberOfRooms : 4
}

在传统的 JS 中，我可以编写一个 for 循环并根据 numberOfRooms 限制循环值(value):

for (var i = 0; i < data.numberOfRooms; i ++) {
  // do something...
}

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

那么，如果这是可能的，那么 Nunjucks 将如何实现这一目标？如果这完全违背了 Nunjucks 的目的，请说出来，任何替代建议将不胜感激。

Answer 1

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

{% for i in range(0, data.numberOfRooms) -%}
  {{ i }},
{%- endfor %}