2012-08-25 104 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); 

不理想,但會工作。