A191919 A191919 - 6 months ago 23
AngularJS Question

Angularjs display value with html

How to display Html from

value
? Like @Html.Raw() in ASP.NET. Because in current example i get only text with tags.

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>'
});


view:

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

Answer

use

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

instead of

{{value}}

you have to use $sce provider to process your code to get a safe context.

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