的Html - 渲染包含HTML標記的文本

Question

我使用angularJS，其中I有一個屬性「描述」，我必須顯示給用戶顯示該標籤爲純文本。問題是這個屬性包含一些html代碼，它以純文本形式顯示給用戶。這裏是我的代碼：

<span class="cst-bold">Activity description </span> 
{{pack.activities.current['description']}} 

我也試過圍繞變量與

，但它也沒有解決任何問題。只是有一點不同的格式。下面是使用 <pre>標籤後的結果：

我該如何解決標籤問題？謝謝！

Answer 1

使用自定義過濾器可信和ng-bind-html例

angular.module('app',[]) 
 
.controller('Ctrl',function($scope){ 
 
    $scope.description="<h1>Hallo World!</h1>"; 
 
}) 
 
.filter('trusted', function($sce){ 
 
    return function(html){return $sce.trustAsHtml(html) 
 
    } 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="Ctrl"> 
 
    <span class="cst-bold">Activity description </span> 
 
    <span>{{description}}</span> 
 
    <span ng-bind-html="description|trusted"></span> 
 
</div>