AngularJs - html渲染

Question

我們使用彈性搜索熒光筆，並從熒光筆中獲取以下代碼。

<span style='font-weight:bold;color:red;'>Baskar</span> Test 

在html中顯示結果如下。

     <tr 
         ng-repeat="result in searchModelResult">       
         <td><p ng-bind-html="result.name"></p></td>      
        </tr> 

我已經包含sanitize.js並且在angular模塊中有ngSanitize。仍然我沒有看到像紅色字體和粗體字體的HTML效果。

我在這裏失蹤了嗎？

感謝， Baskar.S

Answer 1

你需要做兩件事情，首先刪除

{{result.name}} 

丹尼爾說...那麼你需要說的角度在HTML在你的控制器信任：

myApp.controller('MyCtrl', function ($scope, $sce) { 
    $scope.result.name = $sce.trustAsHtml('<span style="font-weight:bold; color:red;">Baskar</span> Test'); 
}); 

你可以看到$ sce的完整文檔here

如果您需要在ng-repeat內迭代，您可以創建一個過濾器：

myApp.filter('unsafe', function($sce) { return $sce.trustAsHtml; }); 

，然後用它的觀點：

<tr ng-repeat="result in searchModelResult">       
    <td><p ng-bind-html="result.name | unsafe"></p></td>      
</tr> 

Answer 2

您需要刪除第二個綁定表達式：

{{result.name}} 

看起來是重寫從ng-bind-html結合，默認綁定將HTML轉義字符串。