ngBindHtml creates a binding that will innerHTML the result of evaluating the expression into the current element in a secure way.
ngBindHtml creates a binding that will innerHTML
the result of evaluating the expression into the current element in a secure way. By default, the innerHTML-ed content will be sanitized using the $sanitize
service. To utilize this functionality, ensure that $sanitize is available, for example, by including ngSanitize
in your module's dependencies (not in core Angular). In order to use ngSanitize in your module's dependencies, you need to include "angular-sanitize.js" in your application.
You may also bypass sanitization for values you know are safe. To do so, bind to an explicitly trusted value via $sce.trustAsHtml
. See the example under Strict Contextual Escaping (SCE).
Note: If a $sanitize
service is unavailable and the bound value isn't explicitly trusted, you will have an exception (instead of an exploit.)
Usage
as attribute:
<ANY
ng-bind-html="">
...
</ANY>
Example
<div ng-controller="ExampleController">
<p ng-bind-html="myHTML"></p>
</div>