Filter for insert HTML in Angular Js

06-03-2017 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:

Use java script file client side and server side at a time in node js
30-07-2017 node js include call javascript
Detect AdBlock with JavaScript in my browser
30-07-2017 AdBlock javascript detect
How to use http-post request in node js
14-03-2017 http-post module node js
Filters for convert text to camel case in Angular Js
05-03-2017 angularjs camelcase filters
Sample Validations in javascript
22-02-2017 validations javascript