嵌套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>

我试着做了一个双节棍模版，看起来像这样：

{% 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',