添加到第一个元素活动类

Question

我想在第一张幻灯片中添加活动课程。我试着这样做

  {% for slide in slides %}
     <div class="item {% if loop.index == 1 %}active{% endif %}
     ....
  {% endfor %}

但是在结果中我将活动类添加到我的所有幻灯片中。请帮我解决这个问题

Answer 1

您可以尝试使用loop.first吗？

<强> Here is the doc

 {% for slide in slides %}
     <div class="item {% if loop.first %}active{% endif %}
     ....
  {% endfor %}