我正在尝试编写一个 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 循环的信息。
任何帮助将不胜感激。谢谢你。