javascript - 使用 Mushtache.js 创建表

Question

我在使用 Mushtache.js 创建表时遇到问题

查看文件:

<table class="table table-bordered table-hover table-striped tablesorter">
    <thead>
        <tr>
            <th class="header">Name</th>
            <th class="header">Email ID</th>
            <th class="header">Contact Number</th>
            <th class="header">Edit</th>
        </tr>
    </thead>
    <tbody>
    <div id="eTableList"></div>    
    <script id="eList" type="text/template">     
            <tr>
                <td>{{name}}</td>
                <td>{{email}}</td>
                <td>{{contact_number}}</td>
                <td><a href="{{id}}">View/Edit</a></td>
            </tr>
     </script>    
    </tbody>
</table>

JS代码:

  function createTable(jsonEData){    
      var template = $("#eList").html();
      expList = Mustache.render(template, jsonEData); 
      $("#expertTableList").html(expList);
  }

我将此方法称为

   <script language="javascript">
        $(document).ready(function(){
            createTable(<?php echo $this->eList;?>);
        })
    </script>

$this->eList = jsonEData 的值为

  [
    {
        "id": "52d3d523bdde226f17a581ba",
        "name": "shgajsah",
        "email": "0",
        "contact_number": 2147483647
    },
    {
        "id": "52d3d5c8bdde22c817a581ba",
        "name": "fffsdf",
        "email": "asa@ddjdj.com",
        "contact_number": 323323232
    }
]

我没有收到任何错误，但表没有使用上面的代码填充。所以请告诉我我哪里做错了？

Answer 1

您没有迭代您的项目，请尝试一下:

{{#.}}
   <tr>
      <td>{{name}}</td>
      <td>{{email}}</td>
      <td>{{contact_number}}</td>
      <td><a href="{{id}}">View/Edit</a></td>
   </tr>
{{/.}}

或者也许:

{{#each .}}
   <tr> ... </tr>
{{/each .}}