Question

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

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

我阅读了Hogan JS和Mustache JS网站中的所有文档。

我正在以json格式获取值。

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

这是示例json，可能有任何数量的数据。要在视图中的表中显示此数据，我需要迭代循环。所以我需要一个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模板中的循环

1 个答案: