使用 ICanHaz 从 JSON 渲染 HTML 字符串答案

【问题标题】：rendering HTML string from JSON with ICanHaz使用 ICanHaz 从 JSON 渲染 HTML 字符串
【发布时间】：2012-08-20 13:13:11
【问题描述】：

我正在使用 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 }}}

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

【问题讨论】：

标签： jquery json asp.net-mvc-4 icanhaz.js

【解决方案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);

不理想，但会起作用。

【讨论】：