为 json 数据制作模板 html

Making template html for json data

本文关键字：html json 数据      更新时间：2023-09-26

我在项目中使用 t.js 作为模板引擎。如何为此 JSON 制作模板： 

{
data: [
    {
        FirstName: "Test1",
        LastName: "Test11"
    },
    {
        FirstName: "Test2",
        LastName: "Test22"
    },
    {
        FirstName: "Test3",
        LastName: "Test33"
    }
]

}

我想渲染它像 

<ul>
    <li>Test1,Test11</li>
    <li>Test2,Test22</li>
    <li>Test3,Test33</li>
</ul>

你能为我的上述情况建议任何其他模板引擎以及模板 html 哪个更好吗？我不想使用任何模板引擎来使用eval or new Func

标记

<ul id="myList">
    {{@mydata}} <li>{{=_val.FirstName}},{{=_val.LastName}}</li> {{/@mydata}}
</ul>

爪哇语

var source = $("#myList").html();
var template = new t(source);
$("#myList").html(template.render({
    mydata: [
        {
        FirstName: "Test1",
        LastName: "Test11"
        },
        {
            FirstName: "Test2",
            LastName: "Test22"},
        {
            FirstName: "Test3",
            LastName: "Test33"
        }
    ]
}));

演示 ： http://jsfiddle.net/diode/c2Qhw/

相关文章：