如何使用 Nunjucks 动态迭代标签属性

Question

假设我有一个 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，谁能举个例子？

谢谢

Answer 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 %}

如何使用 Nunjucks 动态迭代标签属性

How to dynamically iterate tags attribute with Nunjucks

javascript

html

node.js

nunjucks