如何使用angular显示HTML代码

时间:2015-10-19 19:25:57

标签: javascript json angularjs xml

在我的一个应用程序中,我使用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代码打印为字符串而不是超级脚本

2 个答案:

答案 0 :(得分:0)

&LT;坐席→1&LT; / SUP&GT;您只需need to Decode输出即可返回原始HTML。

Use javascript unescape function

答案 1 :(得分:0)

我认为你会想要这个:

对于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;
 });