Filter for insert HTML in Angular Js

filter
show html
angular js
html

If you need to display raw HTML content to the page view with AngularJS, you can use the $sce service that comes with AngularJS. $sce stands for Strict Contextual Escaping. The service has trustAsHTML method with take some arbitrary text or HTML.

Example HTML content is 

$scope.html = '<b>render me please</b>';

The html code is

<p class="text">{{html}}</p>

from the user side the html will display  as

<b>render me please</b>

By using the below filter, the text will displayed as 

render me please

The filter is 

angular.module('test').filter('RenderHtmlText', function($sce) {
    return function(val) {
		return $sce.trustAsHtml(val);
    };
});

$sce is a service that provides Strict Contextual Escaping services to AngularJS.

You might also like:

Compare the Triplets | Javascript | hackerrank.com

07-05-2020 hackerrank.com

How to upload file by using request module

18-03-2017 request module node js

How to use request module in node js

16-03-2017 request module node js

How to use http-post request in node js

14-03-2017 http-post module node js

Remove last two characters from given string

06-03-2017 substring javascript remove