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);

不理想，但会奏效。

使用ICanHaz从JSON呈现HTML字符串

1 个答案: