Как автоматически повторить HTML-контент в nunjucks?

Этот плагин 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?

1 ответ

Решение

Я не думаю, что есть хорошая однострочная строка, как в вашем примере для PostHTML, но, как указано в комментарии, вы можете использовать for тег. Для перебора необходим источник данных, поэтому используйте его с range функция, которая обеспечит такое.

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

Docs:

  • for тег
  • range функция
Другие вопросы по тегам