Angularjs display value with html

Question

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>

Solution 1

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");

Solution 2

You should use the ng-bind-html directive, you can read more here

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

Comments

[Jagz W]

<span ng-bind="value"></span> this work for me.