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中缺少冒号可能会导致问题...

所以代替这个

blank_label

尝试

'type' : 'vegetables'

嵌套的Nunjucks For Loop

1 个答案: