来自Trello API的JSON句柄语法问题

Question

当从Trello API的Trello.Net包装器返回时，我正在为JSON数据处理我的Handlebar语法而苦苦挣扎。我正在做一个卡片搜索，寻找一些返回卡片的字符串。这部分运行得很好。然而，使用{{#each}}包装我的Handlebars会在handlebars核心文件中抛出一个'n is undefined‘错误。

这是我的JSON：

"[ 
    { "Id": "519a423c4bedcac656000a84", 
      "Name": "sdvsdv", 
      "Desc": "**Submitted by me**\r\n\r\nsdvsdvsdvsdv", 
      "Other keys": "Other values",
 }, 
    { "Id": "519a423c4bedcac656000a84", 
      "Name": "sdvsdv", 
      "Desc": "**Submitted by me**\r\n\r\nsdvsdvsdvsdv", 
      "Other keys": "Other values",
 }.. and so on 
]"

下面是我的(精简版)Handlebar模板：

 <script id="resultsTemplate" type="text/x-handlebars-template">
    {{#each}}
    <div class="result {{Id}}">
        <h3>{{Name}}</h3>
    </div>
    {{/each}}
</script>

和我的Ajax调用：

 $(".search-btn").click(function () {
         var data = 'David Orriell';
         $.ajax({
             type: "POST",
             url: "SearchYourCards.aspx/GetCards",
             data: "{'data': '" + data + "'}",
             contentType: "application/json; charset=utf-8",
             dataType: "json",
             success: function (msg) {
                 var res = $.parseJSON(msg.d);
                 var source = $('#resultsTemplate').html();
                 var template = Handlebars.compile(source);
                 var context = res;
                 $('#results').html(template(context));
                 //$('#results').accordion({ header: ".result h3" });
             }
         });
     });

我的HTML模板总是空的。有什么想法吗？

谢谢，布雷特

Answer 1

你应该检查你的错误控制台。然后你应该告诉{{#each}}你想要遍历的是什么：

{{#each this}}
    <!-- ... -->
{{/each}}

演示：http://jsfiddle.net/ambiguous/vcQdf/