html - 嵌套 Nunjucks For 循环

Question

我正在尝试编写一个 nunjucks 模板，该模板循环遍历外部数组并填充列，然后循环遍历嵌套数组以在每列中生成行。

所以，我的数据结构看起来像这样:

var data = [
    {
        'type' : 'fruit',
        'list' : ['banana', 'kiwi', 'strawberry']
    },
    {
        'type' : 'vegetables'
        'list' : ['tomato', 'carrot', 'zucchini']
    }
]

我想创建一个如下所示的 html 文档:

<div>
    <span>fruit</span>
    <ul>
         <li>banana</li>
         <li>kiwi</li>
         <li>strawberry</li>
    </ul>
</div>

<div>
    <span>vegetables</span>
    <ul>
         <li>tomato</li>
         <li>carrot</li>
         <li>zucchini</li>
    </ul>
</div>

我曾尝试制作一个看起来像这样的 nunjucks 模板:

{% for category in data %}
    <div>
        <span>{{category.type}}</span>
        <ul>
           {% for thing in category.list %}
            <li>{{thing}}</li>
           {% endfor %}
        </ul>
    </div>
{% endfor %}

但是，由于某种原因，我无法访问内部变量。我真的无法访问内部 for 循环。我查看了堆栈溢出，并查看了他们的文档，但找不到有关嵌套 for 循环的任何信息。

任何帮助将不胜感激。谢谢你。

Answer 1

json 中缺少冒号可能会导致问题...
所以而不是这个

'type' : 'vegetables'

尝试这个

'type' : 'vegetables',