如何使用Nunjucks动态迭代tags属性

时间:2018-02-13 13:57:33

标签: javascript html node.js nunjucks

假设我有一个desc.json文件,如下所示:

{"descr":
 [
    {
       "class":"foo1",
       "name":"bar1",
       "pattern": "^[ 0-9]+$"
    },
    {
       "class": "foo2",
       "name": "bar2"
    }
 ]
}

和data.json文件,如下所示:

{"data":
 {
    "bar1": "1925",
    "bar2": "18"
 }
}

为了呈现如下的html:

<input class="foo1" value=1925 name="bar1" pattern = "^[ 0-9]+$">
<input class="foo2" value="18" name="bar2">

使用Nunjucks,有人可以提供一个例子吗?

由于

1 个答案:

答案 0 :(得分:1)

res.render(#template, {descr, data});
...

{% for e in descr %}
<input class="{{e.class}}" value="{{e.name and data[e.name] or ''}}" name="{{e.name}}" pattern = "{{e.pattern}}">
{% endfor %}