Nunjucks 新手,有与这里类似的问题,但我无法让我的代码工作。我正在尝试循环遍历包含 14 个项目的 Nunjucks 循环中的前 5 个项目。到目前为止,我发现range 函数应该能够完成此任务,但无法获得正确的语法。看来我错误地指向了索引。
我获取所有 14 件物品的代码是:
{% for images in index %}
<div class="spacer col-md-2 col-sm-6">
</div>
<div class="yellp-img col-md-2 col-sm-6">
<img src="/uploads/images/{{ images.image.filename }}" />
</div>
{% endfor %}
Run Code Online (Sandbox Code Playgroud)
这将打印索引中的所有 14 个图像。我还可以使用以下命令打印 14 张图像:
{% for images in range(0, index.length) -%}
<div class="spacer col-md-2 col-sm-6">
</div>
<div class="yellp-img col-md-2 col-sm-6">
<img src="/uploads/images/{{ images.image.filename }}" />
</div>
{%- endfor %}
Run Code Online (Sandbox Code Playgroud)
问题是所有图像都被破坏(打印时没有 src url 中的文件名),如下所示:
<img src="/uploads/images/" />
Run Code Online (Sandbox Code Playgroud)
这可能是显而易见的,但我不知道如何限制使用文件名中的数据打印多少图像。
更新(回应下面 Aikon …