Javascript 在Mustach中正确获取模板
我是新的胡子,我有一个关于转换脚本文件到模板正确的问题 假设我有以下文件Javascript 在Mustach中正确获取模板,javascript,jquery,mustache,Javascript,Jquery,Mustache,我是新的胡子,我有一个关于转换脚本文件到模板正确的问题 假设我有以下文件 <script type="text/template" id="template-member-list-item"> {{#item_data}} <tr id="{{user_login}}"> </tr> {{/item_data}} </script> 这是否正确? <script type="text/javascrip
<script type="text/template" id="template-member-list-item">
{{#item_data}}
<tr id="{{user_login}}">
</tr>
{{/item_data}}
</script>
这是否正确?
<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>
{{{#项目_数据}
{{user_login}
{{/item_data}
$(函数(){
var tpl=$(“#模板成员列表项”).html()
var html=Mustache.render(tpl,{item_data:{user_login:“test_user”})
$(“#内容”).html(html)
})
这是带有对象的调用可枚举部分
我们总是使用下面的部分来迭代Mustache中的集合
{{#}}
{{/}
Html将保持不变
<script type="text/template" id="template-member-list-item">
{{#item_data}}
<tr id="{{user_login}}">
</tr>
{{/item_data}}
</script>
下面是html模板的呈现
var template = $("#template-member-list-item").html();
var html = Mustache.to_html(template, data);
$('#content').html(html);
有关更多详细示例,请参见下面的链接
var data = {
item_data: [
{ user_login: "Christophe"},
{ user_login: "John"}
]};
var template = $("#template-member-list-item").html();
var html = Mustache.to_html(template, data);
$('#content').html(html);