如何使用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;
 });