jquery - 使用 ICanHaz 从 JSON 渲染 HTML 字符串

Question

我正在使用 MVC 4 和新的 WebAPI 开发一个简单的博客应用程序。我还使用 ICanHaz.js 渲染从我创建的 webAPI 方法返回的结果。我已经能够使渲染正常工作，但注释的实际文本是 HTML 格式，因此从 webAPI 方法返回的 JSON 如下所示:

{"Title":"just a small title",
"Body":"<p>blah blah blah</p><p>blah blah <strong>blah</strong></p>"}

我的模板看起来像这样。

<article>
    <h2><a href="#" onclick="GetSingePost({{Id}})">{{ Title }}</a></h2>

    {{ Body }}
</article>

如何从 JSON 对象获取 HTML 以实际呈现为 HTML？我已经尝试过三重括号:

{{{ Body }}}

那没用。任何建议都会非常有帮助。

Answer 1

您可以使用 JQuery 将 html 设置为模板中的元素。

<article>
  <h2><a href="#" onclick="GetSingePost({{Id}})">{{ Title }}</a></h2>
  <div class="content"></div>
</article>

var data = {
  first_name: "Henrik",
  last_name: "Joreteg",
  html : "<h1>Hello</h1>"
}

// I can has user??
html = ich.user(data)
$(html).find('.content').html(data.html);

不理想，但可以。