使用 Nunjucks 模板按整数值循环
Loop by integer value with Nunjucks Templating
我对 nunjucks 很陌生,从我读到的内容来看,这是不可能的,但我想知道是否有人想出了这样做的方法。
我主要是想在 nunjucks 模板中根据值而不是对象的大小执行 for 循环。
假设您将以下数据传递给模板。假设房间数值是 <select>
元素中所选选项的值:
data : {
numberOfRooms : 4
}
在传统的 JS 中,我可以编写一个 for 循环并根据 numberOfRooms
值限制循环:
for (var i = 0; i < data.numberOfRooms; i ++) {
// do something...
}
我的最终目标是在 Nunjucks 模板中编写一个循环,将标记块复制 X 次,其中 X 是 numberOfRooms 值。
那么,如果这是可能的,那么如何使用 Nunjucks 实现这一目标呢?如果这完全违背了 Nunjucks 的目的,那么请指出,任何替代建议将不胜感激。
您应该能够使用 range
结构 - https://mozilla.github.io/nunjucks/templating.html#range-start-stop-step
{% for i in range(0, data.numberOfRooms) -%}
{{ i }},
{%- endfor %}
我对 nunjucks 很陌生,从我读到的内容来看,这是不可能的,但我想知道是否有人想出了这样做的方法。
我主要是想在 nunjucks 模板中根据值而不是对象的大小执行 for 循环。
假设您将以下数据传递给模板。假设房间数值是 <select>
元素中所选选项的值:
data : {
numberOfRooms : 4
}
在传统的 JS 中,我可以编写一个 for 循环并根据 numberOfRooms
值限制循环:
for (var i = 0; i < data.numberOfRooms; i ++) {
// do something...
}
我的最终目标是在 Nunjucks 模板中编写一个循环,将标记块复制 X 次,其中 X 是 numberOfRooms 值。
那么,如果这是可能的,那么如何使用 Nunjucks 实现这一目标呢?如果这完全违背了 Nunjucks 的目的,那么请指出,任何替代建议将不胜感激。
您应该能够使用 range
结构 - https://mozilla.github.io/nunjucks/templating.html#range-start-stop-step
{% for i in range(0, data.numberOfRooms) -%}
{{ i }},
{%- endfor %}