html - 如何在 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功能