解码JQuery Mobile模板中的html字符串

时间:2013-05-02 09:16:49

标签: javascript json jquery jquery-mobile

我正在使用jquery模板,我使用ajax请求填充。但是,返回的值之一是编码HTML。我怎么编码呢?

我尝试使用${$.mobile.html(Body).text()},但这对我不起作用。

我的代码:

Domain.Discussion.ListView = Domain.Discussion.ListView || {
    DiscussionPage: (function () {
        var onGetDiscussionSuccess = function (data) {
            $("#discussionsList ul").remove();
            $("#discussionListItem").tmpl(data.DiscussionsResult).appendTo("#discussionsList", function () {
                reloadAndFixPanelContent()
            });
        }

        var onGetDiscussionError = function () {
            console.log("Error occured when retrieving discussions");
        }

        $.ajax({
            url: absolutePath + "Discussions",
            headers: { "Accept": "application/json; odata=verbose" },
            success: onGetDiscussionSuccess,
            error: onGetDiscussionError
        });
    }())
};

HTML:

<!-- Discussion replies -->
<script id="replies" type="text/x-jquery-tmpl">
<div class="message message-first">
    <div class="message-header">
        <div class="message-header-user">
            <h1>${Author}</h1>
            <h2>Role not set yet</h2>
        </div>
        <div class="message-header-date">${Created}</div>
    </div>
    <div class="message-content">
        <span>${$.mobile.html(Body).text()}</span>
        <hr />
    </div>
</div>
</script>
<!-- /Discussion replies -->

1 个答案:

答案 0 :(得分:1)

搜索和搜索后,我终于找到了解决方案: jQuery tmpl: How do I render Html?

在我的模板中使用{{html Body}}就像魅力一样。