如何使用angular显示HTML代码

How to show HTML code using angular

本文关键字：HTML 代码显示 angular 何使用更新时间：2023-09-26

在我的一个应用程序中，我使用angularjs进行内部化。我有不同的json文件，从中我得到文本按照市场。我将它们导入XML。然后在jsp中，我将这些XML导入到视图。

问题是，如果我在XML中给出一些HTML标签，如

&lt;sup&gt;1&lt;/sup&gt;

的工作，但同样的事情是不工作，如果它从JSON传递。请帮助. .提前感谢

json is
"pwpDetail": "&lt;sup&gt;1&lt;/sup&gt;
Controller -  
$http.get(languageFilePath2).success(function(data){
     $scope.datav=data;
 });

XML -

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

将HTML代码打印为字符串而不是超级脚本

<您只需要解码输出以获得原始HTML。>

使用javascript unescape函数

我想你会想要这个:

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