jquery - Jquery模板未对齐

Question

我有一个 html table。

<table id="blogPostContainer">
</table>

signalR我使用and在此表中附加了一些值tmpl。

$.connection.hub.start().done(function () {
                booking.server.getAllDates().done(function (data) {
                    debugger;
                    for (var i = 0; i < data.length; i++) {
                        DateTempl = DateTempl.concat(data[i].Dates);
                    }
                    var blogPosts = { Date: [DateTempl] }
                    $("#blogPostTemplate").tmpl(blogPosts).appendTo("#blogPostContainer");

                });
            });

我正在table tr td使用 jquery taemplate 对齐格式

<script id="blogPostTemplate" type="text/x-jQuery-tmpl"> 

        <tr>
            <td>
            Date
            </td>
             {{each Date}} <td> ${$value} </td> {{/each}}
        </tr>


    </script>

第一个tr和td标签正在工作。但是在每个循环td标签内部不起作用

请在下面查看我的结果

第一个Td工作但第二个td不工作。我希望我的每个日期都在td标签内。任何人帮助我

Answer 1

尽管您尚未发布DateTempl声明，但它似乎是一个数组。并通过[DateTempl]调用将其包装到以下语句中的另一个数组中

var blogPosts = { Date: [DateTempl] };

因此，在查询模板中，${$value}将在一个表格单元格中显示您的整个数组。

您只需要删除[]它，它应该可以正常工作：

var blogPosts = { Date: DateTempl };