Safely render arbitrary HTML snippets by using ngSanitize and $sce.

 

By default angularJS consider user's input html is danger, so if you want to display html tag on the page will show unsafe error.

To remove this error and trust user's input, we can install ngSanitize:

bower install angular-sanitize

 

var egghead = angular.module("egghead", ["ngSanitize"]);egghead.controller("AppCtrl", function () {    var app = this;    app.someHtml = 'Learn stuff!';});

 

Then the error message has gone, but we didn't get the result which we want, we want "Learn stuff" shown  in red color:

Learn stuff!

 

To overcome this, we can use $sce service:

var egghead = angular.module("egghead", ["ngSanitize"]);egghead.controller("AppCtrl", function ($sce) {    var app = this;    app.someHtml = $sce.trustAsHtml('Learn stuff!');});

 

Also you can trust as javascript, css && url:

see here: