如何使用angular顯示HTML代碼

Question

在我的一個應用程序中，我正在使用angularjs進行內部化。 我有不同的json文件，根據市場從我那里獲取文本。 我將它們導入XML。 然后在jsp中，我將導入那些XML以進行查看。

問題是如果我在XML內提供一些HTML標記，例如

<sup>1</sup>

它可以正常工作，但如果它是通過JSON傳遞的，則不會起作用。 請幫助..在此先感謝

json is
"pwpDetail": "<sup>1</sup>

Controller -  
$http.get(languageFilePath2).success(function(data){
     $scope.datav=data;
 });

XML-

<description>{{datav.pwpDetail}}</description>

將HTML代碼打印為字符串而不是超級腳本

Answer 1

<sup> 1 </ sup>您只需要解碼輸出以取回原始HTML。

使用javascript unescape函數

Answer 2

我認為您會想要這樣：

對於Angular 1.3，請在HTML中使用ng-bind-html：

<div ng-bind-html-unsafe="datav.pwpDetail"></div>

並在控制器中：

function htmlDecode(input){
  var e = document.createElement('div');
  e.innerHTML = input;
  return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
}  

$http.get(languageFilePath2).success(function(data){
     data.pwpDetail = htmlDecode(data.pwpDetail);
     $scope.datav=data;
 });