Javascript 突出显示预标记中的内容。。。安格拉斯之路？

我有一个简单的AngularJS应用程序，可以从数据库中提取文本日志数据记录，并将其呈现在pre标记中以保留格式。尝试在日志内容上添加带有额外标记的突出显示时，未能正确呈现。相反，我将标记作为纯文本添加到内容中。我做错了什么？例如：

HTML:

{{logdata}}

JavaScript:

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

var myApp=angular.module（'myApp'，[]）；
myApp.factory（'Data'，function（））{
变量数据={}；
Data.log=“错误-错误消息”；
Data.log=Data.log.replace（/ERROR/mg，“ERROR”）
返回数据；
});
函数MyCtrl（$scope，Data）{
$scope.logdata=Data.log；
}

结果:

错误-错误消息

您可以使用

ng bind html unsafe

指令绑定html数据。看到这把小提琴了吗

---

在最新的angular发行版中，ng bind html有

+1。这是一把小提琴

     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