डाउनलोड पी.डी.एफ. ई-बुक्स
AJS - Directives ng-bind-html

ng-bind-html directive का इस्तेमाल HTML को AngularJS Application पर bind या replace करने के लिए किया जाता है |

ng-bind और ng-bind-html ये दोनों एक जैसे है | लेकिन ng-bind directive ये HTML को interpret नहीं करता है और ng-bind-html ये HTML को interpret करता है |

ng-bind-html पर दिए हुए HTML को 'ngSanitize' इस function द्वारा interpret किया जाता है |


ng-bind-html इस directive के लिए 'angular-sanitize.js' को HTML Document पर insert किया जाता है |


Syntax for ng-bind-html Directive in AngularJS

<element ng-bind-html="expression">
</element>

ng-bind-html Attribute's Parameters in AngularJS

expression : यहाँ पर expression या variable दिया जाता है |


Example for ng-bind-html Directive in AngularJS

Source Code :
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-sanitize.js"></script>  
</head>
<body>

<div ng-app = "bindApp" ng-controller = "ctrl">

Message : <span ng-bind-html = "message"></span><br />
</div>

<script type="text/javascript">
var myapp = angular.module("bindApp",['ngSanitize']);
myapp.controller("ctrl", function($scope) 
{
$scope.message = "<b><i>Hello World</i></b>";
});
</script>

</body>
</html>
Output :
Message :