2012-08-25 102 views
2

我正在使用MVC 4和新的WebAPI开发一个简单的博客应用程序。我还使用ICanHaz.js渲染从我创建的webAPI方法返回的结果。我已经能够得到渲染工作,但评论的实际文本是HTML,所以从的WebAPI方法返回的JSON看起来是这样的:从JSON与ICanHaz呈现HTML字符串

{"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 }}} 

这没有用。 任何建议将是超级有用的。

回答

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

不理想,但会工作。