parse html inside ng-bind using angularJS [duplicate]

Answer 1

You want to use ng-bind-html and ng-bind-html-unsafe for that kind of purpose.

The examples are shown here

Answer 2

As ng-bind-html-unsafe is deprecated, you can use this code instead.

You need to create function inside your controller:

$scope.toTrustedHTML = function( html ){
    return $sce.trustAsHtml( html );
}

and use something like this in your view:

<span ng-bind-html='toTrustedHTML( myHTMLstring )'></span>

Don't forget to inject $sce:

AppObj.controller('MyController', function($scope, $sce) {
    //your code here 
});

Answer 3

A better way is to use $compile instead of ng-bind-html-unsafe.

See: http://docs.angularjs.org/api/ng.$compile

Lastly, at the moment, the last version of angularJS (release candidate 1.2.0) do not have any ng-bind-html-unsafe directive. So I really encourage you to consider this option before any future update of your app. ( ng-bind-html-unsafe may/will not working any more...)

http://code.angularjs.org/1.2.0rc1/docs/api/ng.directive:ngBindHtml