python字典值打印在一行上，但没有打印在django的另一行上

Question

我是 django 新手，使用 python 3.8 版

在我的 index.html 中，我尝试使用 for 循环显示产品及其信息，如下所示：

{% for prod in products %}
<footer class="card-footer">
    <span id="atc_prod_{{ prod.product_id }}" class="atc_prod">prod_{{ prod.product_id }}
    <button class="button is-info is-small card-footer-item cart" id="prod_{{ prod.product_id }}">Add to Cart</button>
    </span>
    <a href="/shop/products/{{ prod.product_id }}"><button class="button is-small is-info card-footer-item cart" id="qv{{ prod.product_id }}">Quick View</button></a>
</footer>
{% endfor %}

产品列表结构如下：

products = [
    {'id':'1', 'name':'A'},
    {'id':'2', 'name':'B'},
    {'id':'3', 'name':'C'}
]

相同的 prod.product_id 在 3 个地方（span - id、button - id 和 a - href）被使用，但对于少数产品（5 个中有 2 个），id 是空白的。

参考下面的 HTML 截图：

不知道是什么原因，请指教。

另外，如果我错过了任何重要信息，请告诉我。

提前致谢。

Answer 1

所以根据你的字典列表，你的键是id和name所以你需要做{{ prod.id }}；

{% for prod in products %}
    <footer class="card-footer">
        <span id="atc_prod_{{ prod.id }}" class="atc_prod">prod_{{ prod.id }}
            <button class="button is-info is-small card-footer-item cart" id="prod_{{ prod.id }}">Add to Cart</button>
        </span>
        <a href="/shop/products/{{ prod.id }}"><button class="button is-small is-info card-footer-item cart" id="qv{{ prod.id }}">Quick View</button></a>
    </footer>
{% endfor %}