Django模板中两个同迭代器的for循环互相干扰如何解决？

嘿，这个坑我之前也踩过！问题的核心在于你用的可迭代对象是「一次性消耗型」的——比如生成器、某些惰性查询的特殊对象，第一次循环已经把它所有元素都取完了，第二次再循环时就没有剩余元素，自然触发empty分支。交换顺序后上面的循环能正常跑，也是因为只有第一次遍历能拿到完整内容，第二次还是空的。

给你两个最实用的解决办法：

方法一：在视图层把可迭代对象转成列表 #

列表是可以被多次遍历的容器，只要在视图里把原本的可迭代对象转换成列表，再传给模板，两次循环就能都拿到完整元素了。

举个例子，假设你的视图原来写的是：

def my_page(request):
    # 这里如果是生成器或者某些一次性的查询对象
    my_items = MyModel.objects.filter(status='active')  # 要是Django QuerySet其实默认可重复遍历，但如果是自定义生成器就不行
    # 或者 my_items = (item for item in MyModel.objects.all())  # 这种生成器只能遍历一次
    return render(request, 'my_template.html', {'items': my_items})

修改成：

def my_page(request):
    # 转成列表，强制把所有元素加载到内存里，支持多次遍历
    my_items = list(MyModel.objects.filter(status='active'))
    return render(request, 'my_template.html', {'items': my_items})

之后模板里的两个循环就都能正常工作了：

<!-- 第一个循环 -->
{% for item in items %}
    <div>{{ item.name }}</div>
{% empty %}
    <p>暂无数据</p>
{% endfor %}

<!-- 第二个循环 -->
{% for item in items %}
    <span>{{ item.id }}</span>
{% empty %}
    <p>暂无数据</p>
{% endfor %}

方法二：模板内缓存可迭代对象（适合快速调试） #

如果你不想改动视图代码，也可以在模板里用{% with %}标签配合list过滤器，把可迭代对象转成列表缓存起来，之后两次循环都用缓存后的列表：

{% with items_list=items|list %}
    <!-- 第一个循环用缓存后的列表 -->
    {% for item in items_list %}
        <div>{{ item.name }}</div>
    {% empty %}
        <p>暂无数据</p>
    {% endfor %}

    <!-- 第二个循环也用缓存后的列表 -->
    {% for item in items_list %}
        <span>{{ item.id }}</span>
    {% empty %}
        <p>暂无数据</p>
    {% endfor %}
{% endwith %}

不过更推荐方法一，因为把数据处理逻辑放在视图层，模板只负责展示，代码结构更清晰~

内容的提问来源于stack exchange，提问作者Bob Poberton