Dart Documentationangular.directiveNgBindHtmlDirective

NgBindHtmlDirective class

Creates a binding that will innerHTML the result of evaluating the expression bound to ng-bind-html into the current element in a secure way. This expression must evaluate to a string. The innerHTML-ed content will be sanitized using a default NodeValidator constructed as new dom.NodeValidatorBuilder.common(). In a future version, when Strict Contextual Escaping support has been added to Angular.dart, this directive will allow one to bypass the sanitizaton and innerHTML arbitrary trusted HTML.

Example:

<div ng-bind-html="htmlVar"></div>
@NgDirective(
 selector: '[ng-bind-html]',
 map: const {'ngBindHtml': '=>value'})
class NgBindHtmlDirective {
 // The default HTML sanitizer.  Eventually, we'll make this configurable or
 // use an optionally loaded `$sanitize` service.
 static final dom.NodeValidator validator = new dom.NodeValidatorBuilder.common();

 dom.Element element;

 NgBindHtmlDirective(dom.Element this.element);

 /**
  * Parsed expression from the `ng-bind-html` attribute.  The result of this
  * expression is innerHTML'd according to the rules specified in this class'
  * documention.
  */
 set value(value) => element.setInnerHtml((value == null ? '' : value.toString()),
                                          validator: validator) ;
}

Static Properties

final NodeValidator validator #

static final dom.NodeValidator validator = new dom.NodeValidatorBuilder.common()

Constructors

new NgBindHtmlDirective(Element element) #

Creates a new Object instance.

Object instances have no meaningful state, and are only useful through their identity. An Object instance is equal to itself only.

docs inherited from Object
NgBindHtmlDirective(dom.Element this.element);

Properties

Element element #

dom.Element element

dynamic set value(value) #

Parsed expression from the ng-bind-html attribute.  The result of this expression is innerHTML'd according to the rules specified in this class' documention.

set value(value) => element.setInnerHtml((value == null ? '' : value.toString()),
                                        validator: validator) ;