Hogan JS 模板中的 For 循环

Question

我正在使用 Express JS 和 Hogan JS 模板引擎。我知道 hogan 是逻辑较少的模板，但我需要在视图代码中 执行 for 循环 以生成 table 字段。

我进行了很多谷歌搜索，但没有找到任何解决方案。我知道如何在 Hogan JS 中执行 if-else。

我阅读了 Hogan JS and Mustache JS 网站上的所有文档。

我正在获取 json 格式的值。

[
    {
        "email": "abc@example.com",
        "name": "abc",
        "date": "05/01/2015"
    },
    {
        "email": "xyz@example.com",
        "name": "xyz",
        "date": "05/01/2015"
    }
]

这是样本json，可能有任意数量的数据。要在 table 视图中显示此数据，我需要迭代一个循环。所以我需要一个for循环代码。

Answer 1

你当然可以做到。

将数据分配到嵌套的 JSON 对象中，然后它们为父键编译模板。

var data = {"list" : [
   {
       "email": "abc@example.com",
       "name": "abc",
       "date": "05/01/2015"
   },
   {
       "email": "xyz@example.com",
       "name": "xyz",
       "date": "05/01/2015"
   }
]};  
var template = Hogan.compile("{{#list}} Your name is {{name}} and email is {{email}} <br/>{{/list}}"); 
var output = template.render(data);

这是工作example

Hogan JS 模板中的 For 循环

For loop in Hogan JS template

javascript

for-loop

express

mustache

hogan.js