小编Yaw*_*ner的帖子

Nunjucks:循环遍历 for 循环中的前 5 项

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 …

javascript templating client-side-templating nunjucks

5
推荐指数
2
解决办法
6325
查看次数