如何在nunjucks中自动重复HTML内容？

Question

这个PostHTML插件“PostHTML Each”可以通过简单的方式重复HTML代码。喜欢这个

Debug

如何在Nunjucks中以类似的方式重复？

Answer 1

我不认为在你的PostHTML示例中有一个很好的单行，但正如评论中提到的那样，你可以使用for标签。它需要一个数据源来迭代，所以将它与range函数一起使用，这将提供这样的功能。

{% for i in range(0, 3) -%}
  <div class="block"></div>
{%- endfor %}

文档：

• for标记
• range功能