在小鬍子中正確獲取模板

我是新來的小鬍子，我有一個關於將腳本文件正確轉換爲模板的問題。在小鬍子中正確獲取模板

假設我有以下文件

<script type="text/template" id="template-member-list-item"> 
    {{#item_data}} 
     <tr id="{{user_login}}"> 
     </tr> 
    {{/item_data}} 
</script>

正確地獲得該文件轉換爲HTML，我可以去這樣？

var template = jQuery(above.html)[0].innerHTML; 
var html = Mustache.to_html(template, JSON file); 
jQuery('#content').append(html);

這是正確的嗎？

來源

2014-08-30 wordwannabe

這是使用對象調用可枚舉科我們總是用下面一節鬍子遍歷集合{{＃}} {{/}}

HTML將保持相同

<script type="text/template" id="template-member-list-item"> 
    {{#item_data}} 
    <tr id="{{user_login}}"> 
    </tr> 
    {{/item_data}} 
    </script>

JSON輸入將看起來像

var data = { 
     item_data: [ 
{ user_login: "Christophe"}, 
{ user_login: "John"} 
]};

這裏被渲染HTML模板

var template = $("#template-member-list-item").html(); 
var html = Mustache.to_html(template, data); 
$('#content').html(html);

的更多細節例如見下面的鏈接 http://coenraets.org/blog/2011/12/tutorial-html-templates-with-mustache-js/

來源

2014-08-30 13:47:05 Haroon

<script type="text/javascript" src="http://zeptojs.com/zepto.min.js" ></script> 
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/mustache.js/0.8.1/mustache.js" ></script> 
<div id="content"></div> 
<script type="text/template" id="template-member-list-item"> 
    {{#item_data}} 
     <tr id="name"> 
     {{user_login}} 
     </tr> 
    {{/item_data}} 
</script> 

<script type="text/javascript"> 
$(function(){ 
    var tpl = $("#template-member-list-item").html() 
    var html=Mustache.render(tpl,{item_data:{user_login:"test_user"}}) 
    $("#content").html(html) 
}) 
</script>

來源

2014-08-30 13:09:23 powerfj

在小鬍子中正確獲取模板

回答

相關問題