Jquery tmpl 从函数返回 HTML答案

【问题标题】：Jquery tmpl return HTML from functionJquery tmpl 从函数返回 HTML
【发布时间】：2012-11-01 15:13:06
【问题描述】：

我有以下模板

<script id="myTemplate" type="text/x-jquery-tmpl">
    <p>${{html Name}}</p>
    <p>${Format(Title)}</p>
</script>

和javascript函数Format()

function Format(Title){
 return "<b>" + Title + "</b>";
}

和实际数据

var data = { 
    Name: "<h3>Tom</h3>", 
    Title: "Mr."
};

${{html Name}} 用于显示包含在“Name”中的 html 标签。但是，我的函数“格式”返回的 HTML 标记在我的页面上呈现为文本。如何使用 JQuery tmpl 从函数返回 HTML？

【问题讨论】：

你不应该用{{html Format(Title)}}吗？
@raina77ow - 我有啊！当我读到你的评论的那一刻。我试过 ${{html Format(Title)}} 但它不起作用。删除 $ 符号使其工作。现在踢自己:)。您能否重新输入您的评论作为答案，以便我接受？谢谢
我真的也想在这里写以下内容：是的，你必须在这里写 {{html someProperty}} 开头没有（！）“$”。 :)

【解决方案1】：

引用${...}doc：

${} 呈现的值被评估为字符串，并且是 HTML 编码。因此，任何嵌入的标记都将被编码。插入渲染模板中未编码的标记，使用 {{html}} 模板标签。

所以它可以通过{{html Format(Title)}} 来修复。

【讨论】：