嵌套的 Nunjucks For 循环

Posted 2023-02-24

【中文标题】嵌套的 Nunjucks For 循环

【英文标题】：Nested Nunjucks For Loop

【发布时间】：2015-05-16 13:51:04

【问题描述】：

我正在尝试编写一个 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 循环的信息。

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

【问题讨论】：

无法重现。 http://jsfiddle.net/xmojmr/751fw7h5/ 按预期工作。他们唯一需要“修复”的就是在“蔬菜”之后添加逗号

这个问题解决了吗？如果是这样，我真的很感激听到什么有效。为这个问题苦苦挣扎了好几个小时。

【参考方案1】：

json 中缺少冒号可能会导致问题...

所以不是这个

'type' : 'vegetables'

试试这个

'type' : 'vegetables',