突出顯示預標籤中的內容... AngularJS方式？

Question

我有一個簡單的AngularJS應用程序從數據庫中提取文本日誌數據記錄，並將其呈現在預標記中以保留格式。嘗試在日誌內容上添加一些帶有額外標記的突出顯示未能正確呈現。相反，我在內容中將標記添加爲純文本。我做錯了什麼？例如：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 

Answer 1

您可以使用ng-bind-html-unsafe指令綁定的HTML數據。看到這個小提琴http://jsfiddle.net/cmyworld/8W2xm/

在最新發布的角度有ng-bind-html