Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Mustach中正确获取模板_Javascript_Jquery_Mustache - Fatal编程技术网

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);