使用jsRender，而不是jQuery模板插件

Question

我使用jQuery 1.9+，我想用jsRender而不是jQuery模板，因爲它已被棄用，我不能在我的應用程序中使用。

我見過https://github.com/BorisMoore/jsrender的幾個例子，特別是第一個例子。 它的代碼是在一個html文件中，它被一個html文件使用，但是我想在一個單獨的javascript文件中完成它。我想這樣做，因爲我有一個非常大的應用程序，我將jquery/javascript函數存儲在js文件中。

所以我想修改此代碼：

<script id="movieTemplate" type="text/x-jsrender"> 
     <div> 
       {{:#index+1}}: <b>{{>name}}</b> ({{>releaseYear}}) 
     </div> 
</script> 

<div id="movieList"></div> 

<script type="text/javascript"> 

     var movies = [ 
       { name: "The Red Violin", releaseYear: "1998" }, 
       { name: "Eyes Wide Shut", releaseYear: "1999" }, 
       { name: "The Inheritance", releaseYear: "1976" } 
     ]; 


     $("#movieList").html(
       $("#movieTemplate").render(movies) 
     ); 

</script> 

我應該如何修改這個代碼的js文件使用它？或者是否有任何模板引擎可以用來代替jQuery模板插件？

感謝提前的幫助！

Answer 1

模板可以從字符串或HTML文件中的腳本塊進行編譯。

參見Registering templates: $.templates() - 例如，它使用樣品：

var myTmpl = $.templates("<label>Name:</label> {{:name}}"); 

var person = {name: "Robert"}; 

var html = myTmpl.render(person); 

$("#peopleList").html(html); 

也見網站上的其他的例子，如：

• Compile/register/get a template
• Sample: Loading remote templates