[英]Making template html for json data
我在項目中使用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>
Java腳本
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"
}
]
}));
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.