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:
Check null values in JavaScript?04-02-2019 JavaScript null check null value |
Using slice remove last two characters from given string07-03-2017 slice remove |
Filter for insert HTML in Angular Js06-03-2017 filter show html angular js html |
Filter for change Date Time format (MM-dd-yyyy HH:mm) in Angular Js05-03-2017 mm-dd-yyyy HH:MM date formats angular js |
Send Mail in Node Js21-02-2017 node js mail npm module |