爲json數據製作模板html

Question

我在我的項目中使用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

Answer 1

標記

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

的Javascript

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/