如何遍历 Jinja 中的 HTML 列表？

Question

我将 Jinja 与 flask 一起使用，我正在尝试使用 for 语句在列表中使用 go，但它在主视图中没有显示任何内容。

这是 HTML 代码：

<div class="container mt-4">
    <div class="col d-flex justify-content-center">
        <div class="card-deck">
            {% for CleverHub in CleverHubs %}
            <div class="card border-dark mb-3" style="width: 18rem;">
                <div class="card-body">
                    <div class="card-header">
                        <h4>{{ CleverHub }}</h4>
                    </div>
                </div>
            </div>
            {% endfor %}
        </div>
    </div>
</div>
```html
and the script goes like this 
```js
<script>
    var CleverHubs = {{amountOfCleverHubs}}
    console.log(CleverHubs)

</script>

控制台显示一个数组： [0]

它为每个设备添加一个 0 列表。

Answer 1

您正在将变量amountOfCleverHubs传递给您的模板，但该值是一个只有一个元素的数组，即 0。这就是您在控制台中看到[0]的原因。