javascript-Hogan JS模板中的For循环

我正在使用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循环的代码.

解决方法:

您当然可以做到.

将数据分配到嵌套的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

javascript-Hogan JS模板中的For循环

相关文章