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>

You can use https://docs.angularjs.org/api/ng/directive/ngBindHtml — Álvaro Touzón, May 26 '16 at 18:55

score 9 · Accepted Answer · answered May 26 '16 at 18:55

9

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

answered May 26 '16 at 18:55

Simon Schüpbach

2,625
2
13
26

this work for me. – Jagz W Sep 30 '18 at 05:43

Juan Techera · Answer 2 · 2016-05-26T18:56:31.543

4

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

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

edited May 26 '16 at 18:56

answered May 26 '16 at 18:56

Juan Techera

1,192
2
14
25

Angularjs display value with html

2 Answers2