Angularjsの値をhtmlで表示

Question

valueからHtmlを表示するにはどうすればよいですか？ ASP.NETの@ Html.Raw（）と似ています。現在の例では、タグ付きのテキストのみを取得するためです。

JS：

var app = angular.module('Demo', []); 
app.controller('TestCtrl', function ($scope) { 
    $scope.value = '<p>List</p><ul><li>Test 1</li><li>Test 2</li><li>Test 3</li><li>Test 4</li></ul>' 
}); 

図：

<div ng-controller="TestCtrl"> 
    {{value}} 
</div> 

Answer 1

使用

<div ng-bind-html="value"></div> 

代わりに

{{value}} 

$sceプロバイダを使用して安全なコンテキストを取得するコードを処理する必要があります。

$scope.value= $sce.trustAsHtml("yourHtmlCode"); 

Answer 2

あなたはNG-バインドHTMLディレクティブを使用する必要があり、あなたはあなたがhttps://docs.angularjs.org/api/ng/を使用することができます

<div ng-controller="TestCtrl" ng-bind-html="{value}">