如何让 Mustache 呈现此数据

Question

我是小胡子模板库的新手，并且有以下场景。我正在从网络服务器检索模板和数据。我尝试使用以下代码将两者结合起来：

function formatSearchResults(results)
{
    dojo.xhrGet({
        url:"search_result_template.mch",
        handleAs:"text",
        load: function(template)
        {
                //Load the template into a hidden div on the page
            var templateNode = dojo.byId("templateArea")
        templateNode.innerHTML = template;
    }
});

var templateNode = dojo.byId("templateArea");
var formattedResults;
formattedResults = Mustache.to_html(templateNode.innerHTML,results);
var templateNode = dojo.byId("outputArea");
outputArea.innerHTML = formattedResults;
}

检索 json 和模板工作正常。但小胡子永远不会渲染我的数据。

我有这个 json 数据：

{
      "data": [
            {
                  "ColumnValues": { 
                        "_0": "Bubbles", 
                        "_1": "Thompson%20Trucking",  
                        "_2": "A633937432DF91212431251256D350", 
                        "_3": "Eagleton", 
                        "_4": "CA", 
                        "_5": "555-555-5555", 
                        "_6": "12121", 
                        "_7": "Midatlantic", 
                        "_8": "Thompson%20Trucking..<snip>, 
                        "_9": ""
                  }
            }, <snip>
              ]
}

和这个胡子模板：

<table id="orgInfo">
    <tr>
        <th>Search results: <br/><br/></th>
    </tr>
    <tr>
        <td>Organization</td>
        <td>City</td>
        <td>State</td>
        <td>Phone</td>
        <td>Region</td>
        <td>Industry</td>
        <td>Description</td>
    </tr>
    {{data}}
  {{#ColumnValues}}

<tr>
    <td>{{_0}}</td>
    <td></td>
    <td></td>
    <td></td>
    <td>Region</td>
    <td>Industry</td>
    <td></td>
</tr>
  {{/ColumnValues}}
  {{/data}}

这是我得到的输出：

{{/data}}
Search results: 

Organization    City    State   Phone   NAICS   Region  Industry    Description
                                    NAICS   Region  Industry`   

我已经阅读文档和示例几个小时了。谁能告诉我我做错了什么？

谢谢！

开尔文

Answer 1

我认为你需要改变

{{data}}

成

{{#data}}

Answer 2

好的。我现在感觉自己像个傻瓜。在将 json 文本传递给 Mustache 库之前，我没有将其转换为对象。现在一切都很好。我希望这可以帮助其他犯同样愚蠢错误的人。