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

Question

这个PostHTML插件“PostHTML Each”可以简单地重复HTML代码。像这样

<!-- BEFORE -->
<div class="block" each="3"></div>

<!-- AFTER -->
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>

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

Answer 1

我认为没有像您的 PostHTML 示例中那样好的单行代码，但如评论中所述，您可以使用 for 标记。它需要一个数据源来迭代，所以将它与 range 函数一起使用，它将提供这样的功能。

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

文档：

• for 标签
• range 函数