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:
Functions in javascript25-05-2018 functions javascript es5 es6 arrow functions named functions Closures Nested Functions Callbacks Arrow functions. |
How to insert bulk information into database in single query execution18-03-2017 insert sql bulk database |
How to convert html to pdf in Node js12-03-2017 pdf convert html node js |
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 |