Underscore.js中的嵌套模板

时间:2018-08-13 12:01:19

标签: javascript ajax debugging underscore.js underscore.js-templating

在我的应用中,我有以下型号。帖子有很多评论,评论有很多回复。

所有数据都通过AJAX加载。在帖子显示页面上,该帖子中加载了一个请求,然后在评论和回复中加载了一个单独的请求。

这是用于显示评论和相关回复的代码模板:

name

一切正常,但是,如果要动态添加答复,则需要在单独的Underscore模板中进行答复。但是,如果我尝试在回复部分周围添加脚本标签,则会出现以下错误:

<script type="text/template" id="js-comment-template">
<li class="list-group-item py-4 comment-list" data-comment-id="<%= id %>">
    <div class="media">
        <div class="avatar avatar-sm">K</div>
        <div class="media-body">
            <div class="mb-2">
                <span class="h6 mb-0"><%= createdBy.firstName + ' ' + createdBy.lastName %></span>
            </div>
            <p>
                <%= comment %>
            </p>
        </div>
    </div>
    <% _.each(replies, function(reply){ %>
        <div class="media">
            <div class="avatar avatar-sm">K</div>
            <div class="media-body">
                <div class="mb-2">
                    <span class="h6 mb-0"><%= createdBy.firstName + ' ' + createdBy.lastName %></span>
                </div>
                <p>
                    <%= reply.reply %>
                </p>
            </div>
        </div>
    <% }); %>
    <div class="media collapse js-create-reply" id="create-reply-<%= id %>">
        <div class="media-body">
            {{ include('reply/_form.html.twig')}}
        </div>
    </div>
</li>
</script>

有什么想法可以解决这个问题,以便可以动态添加答复吗?

非常感谢您的建议...

0 个答案:

没有答案