如何從json轉換爲html？

Question

我遇到以下問題。我正在從json中獲取數據，如下所示：

{"aboutBreed": "<p>I have lots of tags</p>"} 

當把它放到html中時，它不會呈現標記。有沒有正確的方法/庫來解析HTML？

Answer 1

當你使用AngularJS，你需要使用ng-bind-html，像這樣：

<div ng-bind-html="pet.aboutBreed"></div> 

要使用ng-bind-html你需要在你的應用程序ngSanitize作爲模塊中的依賴和angular-sanitize.js。

有關更多信息，請參閱the docs。

Answer 2

我認爲這可以幫助你。將這部分代碼放在頁面的主體中。

<p id="myID"></p> 
<script> 
var myObj = JSON.parse('{"aboutBreed": "<p>I have lots of tags</p>"}'); 
document.getElementById("myID").innerHTML = myObj.aboutBreed; 
</script> 

Answer 3

您的意思是？

 $(function(){ 

     var jsonObj = $.parseJSON('{"a":1,"b":3,"ds":4}'); 
     var html = '<table border="1">'; 
     $.each(jsonObj, function(key, value){ 
      html += '<tr>'; 
      html += '<td>' + key + '</td>'; 
      html += '<td>' + value + '</td>'; 
      html += '</tr>'; 
     }); 
     html += '</table>'; 

     $('div').html(html); 
    }); 

http://jsfiddle.net/T7eQg/1/

來源：How to convert Json Object to HTML data