0

我有一个简单的 AngularJS 应用程序来从数据库中提取文本日志数据记录并将其呈现在 pre 标记中以保留格式。尝试在日志内容上添加一些带有额外标记的突出显示无法正确呈现。相反，我将标记添加为内容中的纯文本。我做错了什么？示例：http: //jsfiddle.net/afSsf/

HTML：

     <div ng-controller="MyCtrl">
          <pre>{{logdata}}</pre>
     </div>

JavaScript：

     var myApp = angular.module('myApp',[]);

     myApp.factory('Data', function() {
           var Data = {};
           Data.log = "ERROR - error message";
           Data.log = Data.log.replace(/ERROR/mg, '<span style="color:#f00">ERROR</span>')
           return Data;
     });

     function MyCtrl($scope, Data) {
          $scope.logdata = Data.log;
     }

结果：

     <span style="color:#f00">ERROR</span> - error message
4

1 回答 1

2

您可以使用ng-bind-html-unsafe指令来绑定 html 数据。看到这个小提琴http://jsfiddle.net/cmyworld/8W2xm/

在最新的角度版本中有ng-bind-html

于 2013-08-29T10:33:17.597 回答