AngularJS ng-bind-htm Directive

by Online Tutorials Library July 22, 2022

AngularJS ng-bind-html Directive

The AngularJS ng-bind-html directive is used to bind content to an HTML element securely.

It evaluates the expressions and inserts the resulting HTML into the element in a secure way. By default, the resulting HTML content will be sanitized using the $sanitize service. You have to include ngSanitize in your module’s dependencies to utilize this functionality. So “angular-sanitize.js” must be in your application.

Syntax:

Parameter explanation:

expression: It specifies a variable or an expression to evaluate.

Let’s take an example to demonstrate the ng-bind-html directive.

See this example:

     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js" id="ba489871fe4b1d39e04e5d8181d936d3" type="PenciLazyScript"></script>  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-sanitize.js" id="5a252ffa888d89625c969b0b3ce86f1c" type="PenciLazyScript"></script>    
<div ng-app="myApp" ng-controller="myCtrl">
<p ng-bind-html="myText"></p>  </div>
<p><b>Note:</b> This example has "angular-sanitize.js",  which has functions for removing potentially dangerous tokens from the HTML.</p>
<p>      </p>

Test it Now

Next TopicAngularJS ng-blur Directive

AngularJS ng-bind-htm Directive

AngularJS ng-bind-html Directive

PHP addcslashes() function

Framework7 Notifications

You may also like